为什么在nextjs示例应用中刷新页面时chakra-ui colorMode变成了"dark"?
Why does chakra-ui colorMode become "dark" when I refresh the page in nextjs example app?
我来自nextjs example运行'with-chakra-ui'。
https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-chakra-ui
颜色模式切换效果很好。但是当我刷新页面时,它总是 returns 像这个视频一样进入暗模式。
我要记住颜色模式
我该怎么做?
哦,我找到它为什么回到暗模式了。
在 _app.tsx 中,ColorModeProvider 选项为 {useSystemColorMode: true}。
改成false,页面可以记住颜色模式
我来自nextjs example运行'with-chakra-ui'。
https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-chakra-ui
颜色模式切换效果很好。但是当我刷新页面时,它总是 returns 像这个视频一样进入暗模式。
我要记住颜色模式
我该怎么做?
哦,我找到它为什么回到暗模式了。
在 _app.tsx 中,ColorModeProvider 选项为 {useSystemColorMode: true}。
改成false,页面可以记住颜色模式