Lahirutech · February 5, 2023 15:25
diff --git a/createEmotionCache.tsx b/createEmotionCache.tsx
 import createCache from '@emotion/cache';

 const isBrowser = typeof document !== 'undefined';

 // On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
 // This assures that MUI styles are loaded first.
 // It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
 export default function createEmotionCache() {
  let insertionPoint;

  if (isBrowser) {
    const emotionInsertionPoint = document.querySelector<HTMLMetaElement>(
      'meta[name="emotion-insertion-point"]'
    );
    insertionPoint = emotionInsertionPoint ?? undefined;
  }

  return createCache({ key: 'mui-style', insertionPoint });
 }
	import createCache from '@emotion/cache';

	const isBrowser = typeof document !== 'undefined';

	// On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
	// This assures that MUI styles are loaded first.
	// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
	export default function createEmotionCache() {
	let insertionPoint;

	if (isBrowser) {
	const emotionInsertionPoint = document.querySelector<HTMLMetaElement>(
	'meta[name="emotion-insertion-point"]'
	);
	insertionPoint = emotionInsertionPoint ?? undefined;
	}

	return createCache({ key: 'mui-style', insertionPoint });
	}