import Head from 'next/head' import { NextPage } from 'next' import { AppProps } from 'next/app' import React, { useEffect, useState } from 'react' import { CssBaseline, GeistProvider, useTheme, GeistUIThemes } from 'components' import Menu from 'lib/components/menu' import ConfigContext from 'lib/config-provider' import useDomClean from 'lib/use-dom-clean' import 'inter-ui/inter.css' const Application: NextPage> = ({ Component, pageProps }) => { const theme = useTheme() const [themeType, setThemeType] = useState() const [customTheme, setCustomTheme] = useState(theme) const themeChangeHandle = (theme: GeistUIThemes) => { setCustomTheme(theme) setThemeType(theme.type) } useEffect(() => { const theme = window.localStorage.getItem('theme') if (theme !== 'dark') return setThemeType('dark') }, []) useDomClean() return ( <> React - Geist UI setThemeType(type)}> ) } export default Application