Error while using “@mantine/dates” v7 DatePickerInput

I have the following code:

export function App() {
  const [value, setValue] = useState<Date | null>(null);

  return (
    <MantineProvider theme={theme}>
      <DatePickerInput
        dropdownType="modal"
        label="Pick date"
        placeholder="Pick date"
        value={value}
        onChange={setValue}
      />
    </MantineProvider>
  );
}

I got the following error on the browser console:
Error of DatePickerInput