Lahirutech/_app.tsx

## _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>
	);
	}