React runtime automatic breaks MDX

[fcisio]

Describe the bug
Using React runtime automatic breaks MDX stories.

 Overall the MDX syntax is really buggy on the latest releases.

Some work needs to be done on MDX, for it to remain a viable syntax to use.

To Reproduce
Steps to reproduce the behavior:

1. Enable automatic runtime
2. Write a MDX story

Expected behavior
MDX should still work with runtime automatic

System
broke on all storybook versions

[shilman]

Do you have a repro repo you can share?

[fcisio]

I wasn't able to reproduce the error with Title, Description or @storybook/components/html

But I did reproduce two things (uncomment to test):

• MDX argTypes breaking the stories
• Runtime importSource breaking MDX

The importSource is set to React, which is redundant, but it is to illustrate the issue. The issue would happen with anything else, ex: Emotion JS

See Repro

[fcisio]

Any progress on this?
Right now, I'm resorting to removing my MDX docs until this is supported.

From what I found, MDX just doesn't support automatic runtime yet.

I did see this workaround, which could work until it is supported on their end.

Thanks

[ndelangen]

@shilman I suspect this will be fixed in 7.0 with the MDX upgrade and changes we made.

[github-actions]

Hi there! Thank you for opening this issue, but it has been marked as stale because we need more information to move forward. Could you please provide us with the requested reproduction or additional information that could help us better understand the problem? We'd love to resolve this issue, but we can't do it without your help!

[github-actions]

I'm afraid we need to close this issue for now, since we can't take any action without the requested reproduction or additional information. But please don't hesitate to open a new issue if the problem persists – we're always happy to help. Thanks so much for your understanding.