从@material-ui迁移至@mui后自定义主题无法生效如何修复？

• 修正shadows配置语法
  MUI v5要求shadows属性必须是长度为25的数组，对应0到24级阴影，你当前仅配置了1个元素，会导致主题读取时报错失效，修改为如下写法即可：

  shadows: Array(25).fill("none"),
  

• 修正MuiCssBaseline的样式覆盖规则
  全局字体配置需要明确指定作用在body节点上，调整配置如下：

  components: {
      MuiCssBaseline: {
          styleOverrides: {
              body: {
                  fontFamily: "LatoLatinWeb"
              }
          }
      }
  }
  

• 清理依赖冲突
  卸载所有旧版@material-ui相关依赖，避免新旧版本的主题、样式逻辑冲突导致自定义主题不生效。
• 确认ThemeProvider层级
  确保ThemeProvider包裹在项目所有用到MUI组件的最外层，不要只包裹部分业务组件，避免外层组件读取不到自定义主题。
• 检查字体引入有效性
  确认fonts.module.css里的@font-face已经正确声明了LatoLatinWeb字体，且字体文件路径正确，无加载404问题。

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