storybook/docs/snippets/react/component-story-with-custom-render-function.mdx.mdx

```md
<!-- MyComponent.stories.mdx -->

import { Meta, Story } from 'storybook/addon-docs';

import { MyComponent } from './MyComponent';

<Meta title="CustomRenderFunction" component= {MyComponent} />

<!-- This story uses a render function to fully control how the component renders. -->

<Story 
  name="ExampleWithRenderFunction"
  render={()=>(
    <div>
      <h1>I'm a component with a custom render function</h1>
      <MyComponent />
    </div>
  )}/>
```