каждая перезагрузка материала nextjs в стиле пользовательского интерфейса потерян, даже добавить _app.js и _document.js материала пользовательского интерфейса в репозиторий github nextjs, но все же после перезагрузки стиль потерян
мы пробуем много репозиториев GitHub для решения этой проблемы, но все еще не решены, поэтому, пожалуйста, помогите мне, как мы можем решить эту проблему. Спасибо
_app.tsx
useEffect(() => {
const jssStyles = document.querySelector('#jss-server-side');
if (jssStyles) {
jssStyles.parentElement.removeChild(jssStyles);
}
}, []);
и мой файл документа выглядит так _document.tsx
import React from 'react';
import { ServerStyleSheets } from '@material-ui/core/styles';
import Document, { Head, Html, Main, NextScript } from 'next/document';
export default class MyDocument extends Document {
render() {
return (
<Html lang="en">
<Head></Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
MyDocument.getInitialProps = async (ctx) => {
const sheets = new ServerStyleSheets();
const originalRenderPage = ctx.renderPage;
ctx.renderPage = () => {
return originalRenderPage({
enhanceApp: (App) => (props) => sheets.collect(<App {...props} />),
});
};
const initialProps = await Document.getInitialProps(ctx);
return {
...initialProps,
styles: [
...React.Children.toArray(initialProps.styles),
sheets.getStyleElement(),
],
};
};