React应用仅在Chrome环境下控制台报browserObject错误求助

这个报错不是Material UI的问题，你使用的MUI相关依赖均为稳定版本，无已知的browserObject相关通用报错。该问题的实际来源是依赖列表中的react-device-detect包。 #

react-device-detect@2.x版本的内部逻辑中，会在非浏览器运行环境下直接访问未定义的全局变量browserObject。哪怕你是纯客户端渲染的React项目，只要在组件渲染阶段、useEffect外部直接调用该包提供的设备检测方法，就会触发这个报错，本地调试和打包上线阶段都会复现。 #

• 把所有react-device-detect相关的调用逻辑，放到useEffect回调或者组件挂载后的执行阶段，确保仅在浏览器环境运行
• 你也可以用环境判断逻辑包裹相关调用，示例如下：

if (typeof window !== 'undefined') {
  // 此处编写react-device-detect相关调用代码
}

• 如果以上方法无效，可以直接将react-device-detect降级到1.17.0版本，该版本不存在browserObject相关的报错问题

临时注释项目中所有用到react-device-detect的代码，重启本地调试服务后观察控制台是否还会抛出对应报错，即可快速确认问题来源。

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