Skip to content

chakra-ui example has hydration issuesΒ #335

@dusty

Description

@dusty

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions