Spaces:
Running
Running
| import Head from "next/head"; | |
| import { AppProps } from "next/app"; | |
| import { Experimental_CssVarsProvider as CssVarsProvider } from "@mui/material/styles"; | |
| import CssBaseline from "@mui/material/CssBaseline"; | |
| import { CacheProvider, EmotionCache } from "@emotion/react"; | |
| import theme from "@/lib/theme"; | |
| import createEmotionCache from "@/lib/createEmotionCache"; | |
| // Client-side cache, shared for the whole session of the user in the browser. | |
| const clientSideEmotionCache = createEmotionCache(); | |
| export interface MyAppProps extends AppProps { | |
| emotionCache?: EmotionCache; | |
| } | |
| export default function MyApp(props: MyAppProps) { | |
| const { Component, emotionCache = clientSideEmotionCache, pageProps } = props; | |
| return ( | |
| <CacheProvider value={emotionCache}> | |
| <Head> | |
| <meta name="viewport" content="initial-scale=1, width=device-width" /> | |
| </Head> | |
| <CssVarsProvider defaultMode="system" theme={theme}> | |
| <CssBaseline /> | |
| <Component {...pageProps} /> | |
| </CssVarsProvider> | |
| </CacheProvider> | |
| ); | |
| } | |