Compiled with problems:X

ERROR in ./node_modules/@mui/lab/internal/pickers/hooks/useMaskedInput.js 64:20-27

export 'useRifm' (imported as 'useRifm') was not found in 'rifm' (possible exports: Rifm)

getting this error when I try to import import TimePicker from '@mui/lab/TimePicker';

import React from "react";
import "react-datepicker/dist/react-datepicker.css";
import ReactDatePicker from "react-datepicker";
import { motion, AnimatePresence, animate } from 'framer-motion'
import './appointment.css';
import { useForm, Controller } from "react-hook-form";
import TextField from '@mui/material/TextField';
import AdapterDateFns from '@mui/lab/AdapterDateFns';
import LocalizationProvider from '@mui/lab/LocalizationProvider';
import TimePicker from '@mui/lab/TimePicker';

CodePudding user response：