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.
31 lines
843 B
31 lines
843 B
import { AppProps } from 'next/app'; |
|
import { ThemeProvider } from '@mui/material'; |
|
import { CacheProvider, EmotionCache } from '@emotion/react'; |
|
|
|
import createEmotionCache from '../lib/create_emotion_cache/createEmotionCache'; |
|
import theme from '../theme'; |
|
import '../styles/globals.css'; |
|
|
|
const clientSideEmotionCache = createEmotionCache(); |
|
|
|
interface MyAppProps extends AppProps { |
|
// eslint-disable-next-line react/require-default-props |
|
emotionCache?: EmotionCache; |
|
} |
|
|
|
const App = ({ |
|
Component, |
|
emotionCache = clientSideEmotionCache, |
|
pageProps, |
|
}: MyAppProps): JSX.Element => ( |
|
<CacheProvider value={emotionCache}> |
|
<ThemeProvider theme={theme}> |
|
<Component |
|
// eslint-disable-next-line react/jsx-props-no-spreading |
|
{...pageProps} |
|
/> |
|
</ThemeProvider> |
|
</CacheProvider> |
|
); |
|
|
|
export default App;
|
|
|