Ask Question

Chakra UI colormode issue (white flashes)

WIth Chakra UI there is an issue which results in white flashes when reloading/loading a statically rendered page with their dark mode preset (https://chakra-ui.com/docs/features/color-mode#color-mode-flash-issue). As TrueQ is using Chakra UI too but not having this issue at all, I was wondering how you can accomplish this? Although it is only a small issue I'm very interested in finding a solution to this and appreciate any replies a lot!

chakraReact

1988 views

G

georg12

❀️
1
Last edited on

2 Answers

Best answer

First of all great question! πŸ™‚

We are saving the user preference in the cookie, so we can access it during the render phase on server side (SSR).

Note: We are not using the System setting.