Spaces:

failfast
/

nextjs-hf-spaces

Running

nextjs-hf-spaces / src /lib /createEmotionCache.ts

NERDDISCO

feat: added mui (#2)

945c6bb unverified about 1 year ago

No virus

683 Bytes

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