docs/snippets/react/my-component-with-env-variables.mdx.mdx
```md
<!-- MyComponent.stories.mdx -->
import { Canvas, Meta, Story } from '@storybook/addon-docs';
import MyComponent from './MyComponent';
<Meta title="MyComponent" />
export const Template = (args) => <MyComponent {...args} />
<Canvas>
<Story
name="ExampleStory"
args={{
propertyA: process.env.STORYBOOK_DATA_KEY,
}}>
{Template.bind({})}
</Canvas>
```