forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-14 20:16:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: colorMode flashing issue

Browse source
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 { AppProps } from 'next/app';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { init } from '@socialgouv/matomo-next'; import { init } from '@socialgouv/matomo-next';
@ -20,7 +20,9 @@ export default function App({ Component, pageProps }: AppProps) {
}, []); }, []);
return ( 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> <Layout>
<Component {...pageProps} /> <Component {...pageProps} />
</Layout> </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 { Html, Head, Main, NextScript } from 'next/document';
import theme from '../theme';
export default function Document() { export default function Document() {
return ( return (
<Html lang='en'> <Html lang='en'>
@ -21,6 +24,7 @@ export default function Document() {
</Head> </Head>
<body> <body>
<ColorModeScript initialColorMode={theme.config.initialColorMode} />
<Main /> <Main />
<NextScript /> <NextScript />
</body> </body>