import * as React from 'react' ; import type { AppProps } from 'next/app' ; import Head from 'next/head' ; import CssBaseline from '@mui/material/CssBaseline' ; import { ThemeProvider } from '@mui/material/styles' ; import theme from '../theme/theme' ; import '../styles/globals.scss' ; import '../styles/variables.scss' ; import '../styles/theme-dark-variables.scss' ; import '../styles/theme-light-variables.scss' ; import '../styles/utilities.scss' ; export default function MyApp ( props ) { const { Component , pageProps } = props ; return ( < React . Fragment > < Head > < title > Next App < /title> < link href = "/favicon.ico" rel = "icon" / > < meta name = "viewport" content = "initial-scale=1, width=device-width" / > < /Head> < ThemeProvider theme = { theme } > < CssBaseline /> < Component { ... pageProps } /> < /ThemeProvider> < /React.Fragment>); }