For my react app with react 18 and webpack 4.19.1, i see error when i try to use react-datepicker, i see an error like: o.isValid is not a function react-datepicker.min.js.

This is my component.tsx

import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

const DatePickerExample = () => {
  const [selectedDate, setSelectedDate] = useState(null);

  const handleChange = date => {
    setSelectedDate(date);
  };

  return (
    <div>
      <h2>Select a Date</h2>
      <DatePicker selected={selectedDate} onChange={handleChange} />
    </div>
  );
};

export default DatePickerExample;

My webpack has babelloader, cssloader.

1.Am not sure why is the react datepicker showing error?
2.Same version works with nextjs
Please help.. thanks in advance..