CODEWITHSUNDEEP
javascriptreactjsdatepickercalendar
bxnd
bxnd

Reputation: 11

Import error ./node_modules/@mui/x-date-pickers/AdapterDateFns/AdapterDateFns.js 58:0-65

ERROR in ./node_modules/@mui/x-date-pickers/AdapterDateFns/AdapterDateFns.js 58:0-65 Module not found: Error: Package path ./_lib/format/longFormatters is not exported from package C:\Users\ykd\git\BookHaircutApp\frontend-react\node_modules\date-fns (see exports field in C:\Users\ykd\git\BookHaircutApp\frontend-react\node_modules\date-fns\package.json)

my imports :

import React, { useState } from 'react';
import TextField from '@mui/material/TextField';
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker';
import Badge from '@mui/material/Badge';
import { PickersDay } from '@mui/x-date-pickers/PickersDay';
import CheckIcon from '@mui/icons-material/Check';

Upvotes: 0

Views: 1165

Answers (1)

Mishap
Mishap

Reputation: 283

Change:

import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';

to:

import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'

More info here: https://mui.com/x/react-date-pickers/getting-started/#setup-your-date-library-adapter

And here: https://github.com/mui/mui-x/issues/12144#issuecomment-1953729205

But basically, in order to support date-fns v2 and v3, the mui-x team had to create 2 adapters. This likely happened to you after updating date-fns from v2 to v3.

Upvotes: 4

Related Questions