@@ -7,45 +7,33 @@ import {
77 cookieStorageManagerSSR ,
88} from '@chakra-ui/react' ;
99import type { Dict } from '@chakra-ui/utils' ;
10- import type { RequestCookie } from 'next/dist/compiled/@edge-runtime/cookies' ;
1110
1211import { AppAlertDialogProvider } from '../component/dialog/AppAlertDialog' ;
1312import StyledComponentsRegistry from '../registry' ;
1413
1514import { InitialCookiesProvider } from './InitialCookieProvider' ;
1615
1716type Props = PropsWithChildren < {
18- cookies : RequestCookie [ ] ;
19- cookiesString : string ;
2017 theme ?: Dict ;
21- initialColorMode ?: 'dark' | 'ligh ' ;
18+ initialColorMode ?: 'dark' | 'light ' ;
2219 enableColorModeScript ?: boolean ;
2320} > ;
2421
22+ const cookieKey = 'chakra-ui-color-mode' ;
2523export const DesignProvider = ( {
2624 children,
27- cookies,
28- cookiesString,
2925 theme,
30- initialColorMode,
26+ initialColorMode = 'light' ,
3127 enableColorModeScript = true ,
3228} : Props ) => {
3329 return (
34- < InitialCookiesProvider cookies = { cookies } >
30+ < InitialCookiesProvider cookies = { [ { name : cookieKey , value : initialColorMode } ] } >
3531 { enableColorModeScript ? (
36- < ColorModeScript
37- initialColorMode = {
38- initialColorMode ??
39- cookies . find ( ( i ) => i . name === 'chakra-ui-color-mode' ) ?. value === 'dark'
40- ? 'dark'
41- : 'light'
42- }
43- type = { 'cookie' }
44- />
32+ < ColorModeScript initialColorMode = { initialColorMode } type = { 'cookie' } />
4533 ) : null }
4634 < StyledComponentsRegistry >
4735 < ChakraProvider
48- colorModeManager = { cookieStorageManagerSSR ( cookiesString ) }
36+ colorModeManager = { cookieStorageManagerSSR ( `cookieKey= ${ initialColorMode } ` ) }
4937 theme = { theme ?? baseTheme }
5038 >
5139 < AppAlertDialogProvider > { children } </ AppAlertDialogProvider >
0 commit comments