typescript - Hur åtgärdar man null-problemet vid "date"?

Argument av typen 'Date | [Date, Date] | null' kan inte tilldelas parametern av typen 'SetStateAction'

const [startDate, setStartDate] = useState<Date | null>(new Date());
    return (
        <div className="rounded bg-night-sky p-5">
            <div className="d-flex align-items-center justify-content-center flex-wrap">
                <div className="m-4">
                    <DatePicker
                        selected={startDate}
                        onChange={(date) => setStartDate(date)}
                        showTimeSelect
                        timeFormat="HH:mm"
                        timeIntervals={20}
                        timeCaption="time"
                        dateFormat="MMMM d, yyyy h:mm aa"
                    />
                </div>
            </div>
        </div>
    );
};

Svar #1

prova detta:

const [startDate, setStartDate] = useState<Date | [Date, Date] | null>(new Date());
    return (
        <div className="rounded bg-night-sky p-5">
            <div className="d-flex align-items-center justify-content-center flex-wrap">
                <div className="m-4">
                    <DatePicker
                        selected={startDate}
                        onChange={(date) => setStartDate(date)}
                        showTimeSelect
                        timeFormat="HH:mm"
                        timeIntervals={20}
                        timeCaption="time"
                        dateFormat="MMMM d, yyyy h:mm aa"
                    />
                </div>
            </div>
        </div>
    );
};