examples icon indicating copy to clipboard operation
examples copied to clipboard

chakra-ui example has hydration issues

Open dusty opened this issue 1 year ago • 2 comments

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

dusty avatar Sep 01 '23 17:09 dusty

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

MichaelDeBoey avatar Sep 02 '23 20:09 MichaelDeBoey

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

lynxx007 avatar Feb 05 '24 06:02 lynxx007