File size: 670 Bytes
a86df80
 
 
 
 
 
 
 
65567a2
a86df80
65567a2
 
 
 
 
 
a86df80
65567a2
a86df80
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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 });
}