Material UI V4迁移V5时makeStyles样式调用报never类型错误

这个TypeScript报错是MUI v5版本依赖拆分、导入路径错误导致的：

• MUI v5 已经把v4时代基于JSS的makeStyles/createStyles相关API从核心包@mui/material中拆分出去，放到了独立的@mui/styles兼容包里。你当前从@mui/material/styles路径导入的makeStyles实际是不存在的导出，TypeScript会将这类未找到的导入推导为never类型，自然会提示「类型'never'没有调用签名」的错误。
• 你之前只把createStyles的导入路径改到了@mui/styles，但makeStyles的导入路径没有同步修正，是触发问题的直接原因。

按以下步骤操作即可解决：

1. 先安装缺失的独立兼容包@mui/styles，这个包不包含在MUI核心依赖中，需要单独安装：

# npm用户执行
npm install @mui/styles
# yarn用户执行
yarn add @mui/styles

2. 修正样式文件的导入语句，把makeStyles和createStyles统一从@mui/styles导入，Theme类型的导入路径保持不变即可，修正后的样式文件开头代码如下：

import {
  defaultFont,
  primaryColor,
  infoColor,
  successColor,
  warningColor,
  dangerColor,
  grayColor,
} from "../material-kit-pro-react";
import type { Theme } from "@mui/material/styles";
// 两个JSS相关API统一从@mui/styles导入
import { makeStyles, createStyles } from "@mui/styles";

export const typographyStyle = makeStyles((theme: Theme) => createStyles({
  // 你原有的样式代码不需要做任何改动
  defaultFontStyle: {
    // ...原有样式配置
  },
  dangerText: {
    // ...原有样式配置
  }
}));

3. 检查项目根组件配置，如果之前没有配置MUI v5的主题容器，需要在根节点加上对应的Provider，否则样式可能出现注入顺序问题：

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

// 可以在这里放入你项目自定义的主题色、字体等配置
const theme = createTheme();

export default function Root() {
  return (
    <StylesProvider injectFirst>
      <ThemeProvider theme={theme}>
        {/* 你的应用路由、业务组件都放在这里 */}
      </ThemeProvider>
    </StylesProvider>
  )
}

提示：@mui/styles是官方提供的v4兼容层，仅用于存量项目过渡，官方长期推荐的样式方案是sx属性或者styledAPI，后续迭代可以逐步替换，不需要一次性改完所有存量样式。

内容的提问来源于stack exchange，提问作者Mohammed