React Typescript Material-UI useStyles 不可调用

由于某种原因，我无法调用 useStyles，因为它会出错：

This expression is not callable.
  Type 'never' has no call signatures.ts(2349)
const useStyles: never

这是完整的代码：

import { makeStyles, Theme } from "@material-ui/core";
import IconButton from "@material-ui/core/IconButton";
import AppBar from "@mui/material/AppBar";
import Toolbar from "@mui/material/Toolbar";
import { ReactComponent as HeaderLogo } from "../../images/logo.svg";

const useStyles = makeStyles((theme: Theme) => ({
  root: {
    backgroundColor: theme.palette.VampirismBlack.main,
  }
}));

const Header = (): JSX.Element => {
  const classes = useStyles();

  return (
    <AppBar position="static">
      <Toolbar variant="dense">
        <HeaderLogo width="125" height="75" />
        <IconButton>
          Home
        </IconButton>
        <IconButton>
          Changelog
        </IconButton>
        <IconButton>
          Tutorials
        </IconButton>
        <IconButton>
          Wiki
        </IconButton>
        <IconButton>
          Join Discord
        </IconButton>
      </Toolbar>
    </AppBar>
  )
}

export default Header;

我之前构建过一些不同的 React 应用程序，但从未遇到过这个问题。

有任何想法吗？

您可以通过从“@mui/styles”导入来解决它

import { makeStyles, createStyles } from '@mui/styles';