search

remix-run / examples

A community-driven repository showcasing examples using Remix 💿
MIT License
988 stars 224 forks source link

chakra-ui example has hydration issues #335

Open dusty opened 1 year ago

dusty commented 1 year ago

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.

2023-09-01 09 59 10

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

MichaelDeBoey commented 1 year ago

@dusty We would welcome a PR to fix any of the community examples 👍

lynxx007 commented 7 months ago

Hallo, is there any update on this? otherwise I want to contribute