Lahirutech · February 5, 2023 16:03
diff --git a/_app.tsx b/_app.tsx
 import * as React from 'react';
 import '@/styles/globals.css';
 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 '../theme';
 import createEmotionCache from '../createEmotionCache';

 // Client-side cache, shared for the whole session of the user in the browser.
 const clientSideEmotionCache = createEmotionCache();

 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>
      <ThemeProvider theme={theme}>
        {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon.
        remove the margins of all browsers and apply the material design background color */}
        <CssBaseline />
        <Component {...pageProps} />
      </ThemeProvider>
    </CacheProvider>
  );
 }
	import * as React from 'react';
	import '@/styles/globals.css';
	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 '../theme';
	import createEmotionCache from '../createEmotionCache';

	// Client-side cache, shared for the whole session of the user in the browser.
	const clientSideEmotionCache = createEmotionCache();

	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>
	<ThemeProvider theme={theme}>
	{/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon.
	remove the margins of all browsers and apply the material design background color */}
	<CssBaseline />
	<Component {...pageProps} />
	</ThemeProvider>
	</CacheProvider>
	);
	}