storybook/docs/snippets/react/button-story-rename-story.ts.mdx

```ts
// Button.stories.ts | Button.stories.tsx

import React from 'react';

import { Story } from '@storybook/react';

import { Button, ButtonProps } from './Button';

export const Primary: Story = () => <Button primary>Button</Button>;

Primary.storyName = 'I am the primary';
```