You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
831 B
28 lines
831 B
import { useEffect } from 'react'; |
|
import { AppProps } from 'next/app'; |
|
import { ThemeProvider } from '@material-ui/core/styles'; |
|
import theme from '../theme'; |
|
import '../styles/globals.css'; |
|
|
|
const App = ({ Component, pageProps }: AppProps): JSX.Element => { |
|
// This hook is for ensuring the styling is in sync between client and server |
|
useEffect(() => { |
|
// Remove the server-side injected CSS. |
|
const jssStyles = document.querySelector('#jss-server-side'); |
|
if (jssStyles) { |
|
jssStyles.parentElement?.removeChild(jssStyles); |
|
} |
|
}, []); |
|
|
|
// eslint-disable-next-line react/jsx-props-no-spreading |
|
return ( |
|
<ThemeProvider theme={theme}> |
|
<Component |
|
// eslint-disable-next-line react/jsx-props-no-spreading |
|
{...pageProps} |
|
/> |
|
</ThemeProvider> |
|
); |
|
}; |
|
|
|
export default App;
|
|
|