import React, { useEffect } from 'react' import { AppProps } from 'next/app' import Head from 'next/head' import { useTheme, ThemeProvider } from '@primer/components' import '@primer/css/index.scss' import { defaultThemeProps } from 'components/lib/getThemeProps' const App: React.FC = ({ Component, pageProps }) => { return ( <> GitHub Documentation ) } const SetTheme = ({ themeProps }: { themeProps: typeof defaultThemeProps }) => { // Cause primer/components to re-evaluate the 'auto' color mode on client side render const { setColorMode } = useTheme() useEffect(() => { setTimeout(() => { setColorMode(themeProps.colorMode as any) }) }, []) return null } export default App