create-react-app集成Material UI报Invalid hook call错误如何解决？

• 你使用的Material UI v5版本缺失必需的对等依赖：@emotion/react和@emotion/styled，这两个包是MUI v5的默认样式引擎，内部依赖React Hooks实现，未正确安装时会触发多份React副本检测，抛出无效Hook调用错误
• 排除其余两种报错可能：你的React和React DOM版本完全匹配，App组件的Hooks使用（MUI图标内部Hook调用）也符合调用规则，不存在规则违反问题

1. 先清空现有依赖和锁定文件，消除缓存冲突：

# Mac/Linux 执行
rm -rf node_modules package-lock.json

# Windows 执行
rd /s /q node_modules
del package-lock.json

2. 重新安装完整的MUI依赖：

npm install @mui/material @emotion/react @emotion/styled @mui/icons-material

3. 启动项目验证修复效果：

npm start

如果修复后依然报错，执行以下命令检查是否存在多份React副本：

npm ls react

如果输出中存在多个版本的React，统一对齐到你package.json中声明的17.0.2版本即可。

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