import * as React from 'react'; import Head from 'next/head'; import { AppProps } from 'next/app'; import { AppCacheProvider } from '@mui/material-nextjs/v14-pagesRouter'; import { ThemeProvider } from '@mui/material/styles'; import CssBaseline from '@mui/material/CssBaseline'; import theme from '../src/theme'; export default function MyApp(props: AppProps) { const { Component, pageProps } = props; React.useEffect(() => { // Remove the server-side injected CSS. const jssStyles = document.querySelector('#jss-server-side'); if (jssStyles) { jssStyles?.parentElement?.removeChild(jssStyles); } }, []); return ( {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */} ); }