MUI X Date Pickers Pro与Joy UI兼容问题：出现未定义属性错误

当前MUI X Date Pickers Pro与Joy UI搭配使用时会触发未定义属性错误，移除DateRangePicker或CssVarsProvider组件后错误即可消失。

示例代码 #

<CssVarsProvider>
  <CssBaseline />

  <LocalizationProvider dateAdapter={AdapterDayjs}>
    {/* 移除DateRangePicker或CssVarsProvider则无错误 */}
    <DateRangePicker/>
  </LocalizationProvider>
</CssVarsProvider>

使用的依赖版本 #

• "@emotion/react": "11.10.6"
• "@emotion/styled": "11.10.6"
• "@mui/joy": "5.0.0-alpha.70"
• "@mui/material": "5.11.12"
• "@mui/x-date-pickers-pro": "6.0.1"

该问题已在MUI官方GitHub仓库提交（问题编号#36506）。

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