Throw descriptive error when 'of' prop is detected

[JReinhold]

Works on storybookjs/storybook#20496

Mirror PR for MDX2: storybookjs/mdx2-csf#37

What Changed

This PR throws a descriptive error when the of prop on Meta or Story is found, as that is not supported in .stories.mdx files

How to test

Add a file to a sandbox like this:

import { Story, Meta } from '@storybook/blocks';
import * as ButtonStories from './Button.stories';
import { Button } from './Button';

<Meta title="storiesMdx" component={Button}/>

<Story of={ButtonStories.Primary} />

or

import { Story, Meta } from '@storybook/blocks';
import * as ButtonStories from './Button.stories';
import { Button } from './Button';

<Meta title="storiesMdx" of={ButtonStories} />

<Story story={ButtonStories.Primary} />

Change Type

• maintenance
• documentation
• patch
• minor
• major

📦 Published PR as canary version: 0.0.5--canary.21.beb53e0.0

✨ Test out this PR locally via:

npm install @storybook/mdx1-csf@0.0.5--canary.21.beb53e0.0
# or 
yarn add @storybook/mdx1-csf@0.0.5--canary.21.beb53e0.0

Version

Published prerelease version: v1.0.0-next.2

Changelog

💥 Breaking Change

• Update to 7.0 / mdx2-csf structure #19 (@shilman)

🐛 Bug Fix

• Throw descriptive error when 'of' prop is detected #21 (@JReinhold)
• Move mdx import out of loader into compile #20 (@shilman)
• ReDoS attack patch #17 (@iarmbears)

Authors: 3

• @iarmbears
• Jeppe Reinhold (@JReinhold)
• Michael Shilman (@shilman)

[shilman]

Can you please add a unit test for this?