@mui/material-nextjs
Version:
Collection of utilities for integration between Material UI and Next.js.
17 lines (16 loc) • 685 B
JavaScript
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('meta[name="emotion-insertion-point"]');
insertionPoint = emotionInsertionPoint != null ? emotionInsertionPoint : undefined;
}
return createCache({
key: 'mui',
insertionPoint
});
}