# Bridging two JSX runtimes: How we solved Astro's React children problem

DevFeed: [Bridging two JSX runtimes: How we solved Astro's React children problem](<https://devfeed.tech/articles/bridging-two-jsx-runtimes-how-we-solved-astro-s-react-children-problem-30982.md>)

Original publisher: [Read original article](<https://www.mintlify.com/blog/astro-react-children>)

Author: Kyle Finken

Published: 2026-03-10T00:00:00Z

Content type: article

Language: en

Sources: [Mintlify Blog](<https://devfeed.tech/sources/mintlify-blog.md>)

Topics: [Astro](<https://devfeed.tech/topics/astro.md>), [React](<https://devfeed.tech/topics/react.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [React Component](<https://devfeed.tech/topics/react-component.md>), [render](<https://devfeed.tech/topics/render.md>)

Tags: [astro](<https://devfeed.tech/tags/astro.md>), [bridging](<https://devfeed.tech/tags/bridging.md>), [component](<https://devfeed.tech/tags/component.md>), [components](<https://devfeed.tech/tags/components.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [react](<https://devfeed.tech/tags/react.md>), [render](<https://devfeed.tech/tags/render.md>), [solved](<https://devfeed.tech/tags/solved.md>)

## AI overview

Mintlify describes how its Astro integration addressed a JSX runtime mismatch that caused compound React components to lose their children during hydration in Astro's MDX pipeline.

## Source excerpt

How Mintlify solved a fundamental JSX runtime mismatch to make compound React components work inside Astro's MDX pipeline.