import Head from "next/head"; import { AppProps } from "next/app"; import { ThemeProvider } 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 ( {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */} ); }