TypeScriptで、react-datepickerを使いたい

Question

前提・実現したいこと

tsファイル内で、react-datepickerのライブラリのデフォルトを表示したいです。
ReactとTypeScriptの型宣言の違いが原因だと思っているのですが、どうすれば良いかわからないです。

発生している問題・エラーメッセージ

TypeScript error in /Applications/MAMP/htdocs/workManageFront/src/screens/admin/NoticeScreen.tsx(17,54):
Argument of type 'Date' is not assignable to parameter of type 'number | (() => number)'.
  Type 'Date' is not assignable to type 'number'.  TS2345

    15 | 
    16 | const NoticeScreen: React.FC = () => {
  > 17 |   const [startDate, setStartDate] = useState<number>(new Date());
       |                       

該当のソースコード

import React, { useState }from 'react';
//calender
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";

const NoticeScreen: React.FC = () => {
  const [startDate, setStartDate] = useState<number>(new Date());
  return (
    <DatePicker selected={startDate} onChange={date => setStartDate(date)} />
  );
};

##補足情報
react-datepickerのホームページです。

Answer 1

material-uiのDataepickerを使用しました。

Answer 2

new Date()の型はもちろんDateですので、あえて書くとしたらuseState<Date>(new Date());とする必要があります。

Comments

[suto_michimasa]

ご指摘の通り、Date型に変えたところ、今度は以下の別のエラーが出てしまったのですが、どうすればいいでしょうか？
TypeScript error in /Applications/MAMP/htdocs/workManageFront/src/screens/admin/NoticeScreen.tsx(68,42):
Argument of type 'Date | [Date, Date] | null' is not assignable to parameter of type 'SetStateAction<Date>'.
Type 'null' is not assignable to type 'SetStateAction<Date>'. TS2345

66 | <DatePicker
67 | selected={startDate}
> 68 | onChange={date => setStartDate(date) } />
|

[maisumakun]

そこでnullが入りうるなら、useState<Date|null>(new Date());となります。