How to import MDX components in .tsx files? #512

Activity

1. schardev commented on Jul 16, 2023

   

   schardev

   on Jul 16, 2023

   More actions

   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.
2. wuchendi commented on Jul 16, 2023

   

   wuchendi

   on Jul 16, 2023

   Author

   More actions

   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?
   
3. schardev commented on Jul 16, 2023

   

   schardev

   on Jul 16, 2023

   More actions

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

   locked and limited conversation to collaborators on Jul 17, 2023
5. schickling

   converted this issue into a discussion #514 on Jul 17, 2023