Render multiple mdx file into a single page

[openscript]

Hello, what is the way to go, if you want to render multiple markdown files (fragments, blocks, ..) into a single page with gatsby-plugin-mdx? In version 3 we had <MDXRenderer> but now it seems like this plugin is only usable for whole mdx pages? What is the way to go now? I've found similar questions here https://stackoverflow.com/questions/74309351/how-to-render-mdx-with-gatsby-plugin-mdx-from-allmdx-query and #37045

[rburgst]

had this question here myself #25068 (reply in thread) does not look as if there is any movement on that front

[openscript]

We had no other choice than to mix https://www.gatsbyjs.com/plugins/gatsby-transformer-remark/ and https://www.gatsbyjs.com/plugins/gatsby-plugin-mdx

[rburgst]

Can you explain a bit more? I am still at gatsby 4.x as I need that feature

[openscript]

In our case we could use gatsby-transformer-remark for Markdown content and gatsby-plugin-mdx for pages, which also load the Markdown content via gatsby-transformer-remark, but I think that doesn't make sense in all cases.

[pjuerg]

I also have this pattern with various MDX queries per page. Any news on how to replace the MDX renderer?

[openscript]

Unfortunately no.

[Papershine]

Don't know if this applies in your case, but I wanted to use my React components in my markdown files (with multiple markdown files in a single page). Since MDXRenderer didn't seem to work anymore, I instead tried to use rehype-react on top of gatsby-transformer-remark to hydrate custom HTML tags with the React component and it seems to be working. I followed the guide at https://using-remark.gatsbyjs.org/custom-components/ (for future reference).