interesting
/
go-ethereum
mirror of https://github.com/ethereum/go-ethereum.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: colorMode flashing issue

This commit is contained in:
Nicolás Quiroz 2023-01-17 14:37:37 -03:00
parent 86491c66bb
commit 962df8b5a3
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/_app.tsx
View File

@ -1,4 +1,4 @@
import { ChakraProvider } from '@chakra-ui/react';
import { ChakraProvider, localStorageManager } from '@chakra-ui/react';
import { AppProps } from 'next/app';
import { useEffect } from 'react';
import { init } from '@socialgouv/matomo-next';
@ -20,7 +20,9 @@ export default function App({ Component, pageProps }: AppProps) {
}, []);
return (
<ChakraProvider theme={theme}>
// `colorModeManager` added to fix flashing issue
// See: https://chakra-ui.com/docs/styled-system/color-mode#add-colormodemanager-optional-for-ssr
<ChakraProvider theme={theme} colorModeManager={localStorageManager}>
<Layout>
<Component {...pageProps} />
</Layout>

4
src/pages/_document.tsx
View File

@ -1,5 +1,8 @@
import { ColorModeScript } from '@chakra-ui/react';
import { Html, Head, Main, NextScript } from 'next/document';
import theme from '../theme';
export default function Document() {
return (
<Html lang='en'>
@ -21,6 +24,7 @@ export default function Document() {
</Head>
<body>
<ColorModeScript initialColorMode={theme.config.initialColorMode} />
<Main />
<NextScript />
</body>