When importing .mdx file in a .stories.tsx file: Unexpected `FunctionDeclaration` in code: only import/exports are supported about mdx

[raDiesle]

I carefully read https://mdxjs.com/docs/troubleshooting-mdx/#unexpected-type-in-code-only-importexports-are-supported
Does it mean I cannot have a stories.mdx file and import multiple mdx contents to be combined to render, anylonger with new version?

[ChristianMurphy]

Welcome @raDiesle!

Taking a step back first.

1. Storybook natively supports MDX in its story format https://storybook.js.org/docs/writing-docs/mdx Don't write a custom integration, use the official one used and tested by millions of other people.
2. CRA is deprecated and no longer supported by the CRA team (source: reactjs/react.dev#5487 (comment)) consider moving to Vite, Remix, or Next.

To answer your direct question,
it's likely a configuration or a content problem.
People would also need to see the MDX you are trying to render to offer better insights.

Does it mean I cannot have a stories.mdx file and import multiple mdx contents to be combined to render, anylonger with new version?

No. MDX can still import any number of external sources.

[raDiesle]

Ok, thanks!

Seems like renaming to .stories removes the error of Storybook, still not clear why when debugging the builders.