MUI падает в ошибку когда использую adapterLocale в LocalizationProvider, как исправить?

Question

[Дмитрий Путилов]

Всем привет, есть код добавление поля с выбором даты через библиотеку MUI
Вот код

<LocalizationProvider  dateAdapter={AdapterDateFns}>
                                <DatePicker
                                    {...field}
                                    renderInput={
                                        (param) => <TextField error={!!errors?.dateBorn} fullWidth margin={'normal'}
                                                              helperText={errors?.dateBorn?.message} {...param} />
                                    }
                                    label={'Дата рождения'}
                                />
                            </LocalizationProvider>

Вот таким вот образом все работает, как только я добавляю adapterLocale={'ru'}
все падает вот в такую вот ошибку

Answer 1

[Yuriy Vorobyov]

Необходимо импортировать локаль и прокинуть ее несоклько иначе, указанынй у вас вариант сработает для day.js, но не для date-fns

import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
import ruLocale from "date-fns/locale/ru";

<LocalizationProvider dateAdapter={AdapterDateFns} locale={ruLocale}>
...
</LocalizationProvider>

Comments

[Дмитрий Путилов]

Спасибо большое, сработало, долго бодался с этим)