MUI 选择器 + date-fns = TypeError: utils.getYearText 不是函数

Question

我在一个新项目中使用Material-UI V4、Material-UI 日期/时间选择器和date-fns 。我的页面非常简单，我使用DateTimePickerMaterial UI 中的以下组件：

            <DateTimePicker
              label="Date and time"
              inputVariant="outlined"
              value={searchDateTime}
              disablePast
              onChange={handleSearchDateTimeChange}
              showTodayButton
              fullWidth
              disabled={isScanning}
            />

单击日期选择器后，我的应用程序崩溃并出现以下错误：

类型错误：utils.getYearText 不是函数

我怎样才能解决这个问题？

版本来自package.json

    "@date-io/date-fns": "^2.11.0",
    "@material-ui/core": "^4.12.3",
    "@material-ui/icons": "^4.11.2",
    "@material-ui/pickers": "^3.3.10",
    "date-fns": "^2.26.0",
    "next": "10.0.5",
    "react": "17.0.2",
    "react-dom": "17.0.2",

Answer 1

@date-io/date-fns从降级2.11.0到1.3.13。

来自Material UI Pickers 的安装指南：

重要提示：对于material-ui-pickers v3，请使用v1.x版本的@date-io适配器。