Lahirutech/createEmotionCache.tsx

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