mirror of
https://github.com/Vomitblood/stort.git
synced 2025-06-29 07:09:36 +08:00
20 lines
684 B
TypeScript
20 lines
684 B
TypeScript
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 });
|
|
}
|