reactjs - 类型错误 : Cannot read properties of undefined (reading 'down' )

Question

我创建了一个标题菜单。它仍然适用于 Material-UI V4。但我最近更新到 Material-UI V5。但是我有这样的错误:TypeError: Cannot read properties of undefined (reading 'down')

import makeStyles from "@mui/styles/makeStyles";
import { Theme } from "@mui/system";

// NOTE: Styling header bar components

const useStyles = makeStyles((theme: Theme) => ({
    title: {
        flexGrow: 1,
    },
    linkStyle: {
        textDecoration: "none",
        color: "white",
        marginLeft: 5,
    },
    desktopMenuStyle: {
        display: "display",

        [theme.breakpoints.down("mobile")]: {
            display: "none",
        },
    },
    mobileMenuStyle: {
        display: "none",

        "& .MuiList-root": {
            marginTop: 40,
        },
        [theme.breakpoints.down("laptop")]: {
            display: "block",
        },
    },
}));

I have a error like this

Answer 1

将此代码写入包含您的组件的文件。

1.导入:

import { ThemeProvider } from "@mui/styles";

import { createTheme, responsiveFontSizes } from '@mui/material/styles';

let theme = createTheme();
theme = responsiveFontSizes(theme);

<ThemeProvider theme={theme}>
  <your component/>
</ThemeProvider>