How to import MDX components in .tsx files?

[WuChenDi]

I am using contentlayer and MDX, and I am testing based on the example template shadcn/next-contentlayer.

However, I have encountered an issue and I'm not sure how to correctly import MDX components in .tsx files.

code:

[schardev]

You cannot just import .mdx files and expect them to work as component. You have to give the raw code to useMDXComponent() hook you get from next-contentlayer/hooks which will in turn give you a component that you can render. See this and this.

[WuChenDi]

You cannot just import .mdx files and expect them to work as component. You have to give the raw code to useMDXComponent() hook you get from next-contentlayer/hooks which will in turn give you a component that you can render. See this and this.

Thank you for your reply. Is that right?

[schardev]

@WuChenDi I will suggest you to go through the official contentlayer docs. Start with this page if you have already set up most stuff.