Estoy usando @mui/x-date-pickers y @date-io/date-fns para crear un DatePicker. Estoy siguiendo esta guía y esta guía sobre cómo instalar los módulos correctos, pero recibo los siguientes errores cuando importo los módulos necesarios para generar un selector de fechas.

Aquí están mis importaciones:

 import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns"; import { DatePicker } from "@mui/x-date-pickers/DatePicker"; import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";

Y el selector de fecha:

 return ( <LocalizationProvider dateAdapter={AdapterDateFns}> <DatePicker label={title} value={value} onChange={(e) => { setDetails((prev) => { const update = [...prev.fields]; update[index] = { ...update[index], Value: e.target.value, }; return { ...prev, fields: update }; }); renderInput={(params) => <TextField {...params} />} }} /> </LocalizationProvider> );