MUI X Date Picker在联想ThinkPad设备上出现渲染异常求助

• 硬件与系统适配排查
  • 测试切换联想设备的显卡模式（核显/独显），更新显卡驱动至官方最新版，排除显卡渲染适配问题。
  • 关闭联想自带的系统优化软件（如Lenovo Vantage）后重启浏览器，排查是否有软件对浏览器渲染引擎做了限制。
• 浏览器环境排查
  • 收集故障设备的浏览器精确版本号，对比正常设备版本差异；关闭浏览器的「硬件加速」选项（设置→系统→使用硬件加速模式）后重启测试。
  • 打开浏览器控制台（F12），检查是否存在JS报错、资源加载失败（如polyfill缺失）或DOM渲染相关的警告，重点关注MUI组件初始化阶段的日志。
• 项目依赖与环境排查
  • 检查项目依赖包的更新记录，确认是否有其他包近期更新后与@mui/x-date-pickers@6.9.0产生冲突。
  • 搭建最小化测试项目（仅引入MUI日期选择器及必要依赖），在故障设备上运行，排除项目业务代码的干扰。
  • 检查设备的系统区域、语言设置，尝试切换至默认中文/英文区域，排除特殊格式配置导致的渲染异常。
• 组件自身问题排查
  • 查阅@mui/x-date-pickers@6.9.0的官方Issue记录，确认是否有其他用户反馈过联想设备的类似问题。
  • 检查组件初始化代码，排查是否存在错误的设备类型判断逻辑，导致渲染分支被跳过。

• 版本调整：尝试降级至@mui/x-date-pickers 6.x系列的更早稳定版本，或升级至最新6.x版本（避免跨大版本到7.x），验证是否能修复渲染问题。
• 降级方案：通过UA识别联想设备，在故障设备上替换为原生<input type="date">组件作为临时替代，保证功能可用。
• 强制渲染触发：在组件挂载后，通过修改组件key值或调用React的forceUpdate（React项目）强制组件重新挂载，触发HTML渲染。

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