相关疑难解决方法(0)

MUIv5.0.0今天发布，我正在尝试更新到新版本。我正在执行此处详细介绍的 mui 文档中的步骤。我正在使用styled-componentswith NextJS，似乎 mui 样式没有首先注入。我不确定我可以采取什么不同的措施来实现这一目标，据我所知，我一直在正确遵循该指南中的所有内容并逐步进行更改。然而，我仍然遇到特异性错误。

styled-component 的样式位于其他所有内容之下。

<StylesProvider injectFirst>现在似乎无法正常工作

想法？

_app.tsx

import styled, { createGlobalStyle, ThemeProvider } from 'styled-components';
import withDarkMode, { useDarkMode } from 'next-dark-mode';
import defaultTheme from 'src/theme';
import TopNavigation from '@components/_molecules/TopNavigation/TopNavigation';
import StyledTypography from '@components/_atoms/Typography/StyledTypography';
import { Provider } from 'react-redux';
import { StylesProvider } from '@mui/styles';

function MyApp({ Component, pageProps }): JSX.Element {

  // ? https://nextjs.org/docs/basic-features/layouts
  const getLayout = Component.getLayout || (page => page);

  return …