Tengo un campo de selector de fecha de interfaz de usuario de material que quiero permitir que el usuario deje en blanco si no es necesario.

Sin embargo, ReactJS no me permite dejar este campo vacío o nulo, ya que me sale el error de consola de:

RangeError no capturado: valor de tiempo no válido en Date.toISOString

 <LocalizationProvider dateAdapter={AdapterDateFns}> <MobileDatePicker label={"Date From"} inputFormat="dd/MM/yyyy" closeOnSelect={true} value={datefrom ?? null} minDate={new Date()} views={['day']} onChange={(newValue) => { setDateFrom(format(newValue, 'MM/dd/yyyy')); if (dateto == '') { setDateTo(format(newValue, 'MM/dd/yyyy')); } }} renderInput={(params) => <TextField variant="outlined" {...params} fullWidth />} /> </LocalizationProvider>

¿Cómo obligo al elemento a guardar un campo de marca de tiempo como vacío/nulo?