import { CacheProvider, EmotionCache } from "@emotion/react"; import { CssBaseline } from "@mui/material"; import { AppProps } from "next/app"; import Head from "next/head"; import { UserThemeProvider } from "../contexts/ThemeContext"; import createEmotionCache from "../lib/createEmotionCache"; import "../styles/global.css"; // 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 ( CSPJ Application {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */} ); }