The chakra-ui documentation shows that one must use hydrate and renderToString instead of hydrateRoot and renderToPipeableStream because of emotion css.
https://chakra-ui.com/getting-started/remix-guide
At the bottom of their documentation page, it suggests the official remix example with a link to this repo and an embedded codesandbox.
However, it doesn't seem to work properly using the method here, you can see the background color disappears after client hydration.
I changed it to use the chakra recommendations in the code sandbox and it works with those. Would a PR to match be desired here?
https://codesandbox.io/p/sandbox/objective-stitch-ymvhrv
The chakra-ui documentation shows that one must use hydrate and renderToString instead of hydrateRoot and renderToPipeableStream because of emotion css.
https://chakra-ui.com/getting-started/remix-guide
At the bottom of their documentation page, it suggests the official remix example with a link to this repo and an embedded codesandbox.
However, it doesn't seem to work properly using the method here, you can see the background color disappears after client hydration.
I changed it to use the chakra recommendations in the code sandbox and it works with those. Would a PR to match be desired here?
https://codesandbox.io/p/sandbox/objective-stitch-ymvhrv