How do I make hydrated react components within statically rendered jsx components with astro?
#How do I make hydrated react components within statically rendered jsx components with astro?
rare heath
rare heath
Anyone
spring steeple
<ReactComponent client:load />
rare heath
<ReactComponent client:load />
It's in a JSX file though, I want to use client: load on the react component inside of another react component
sterile folio
you always need to import the top react component from an Astro commponent, and the hydration happens only there as stated above. see https://docs.astro.build/en/core-concepts/framework-components/#using-framework-components
if you can't find an example or doc about what you're trying to do, it's probably not possible. There's no static rendered jsx, in Astro react jsx is a front end framework rendered on the client.