【React】input type numberから取得した値が文字列で「TS2345: Argument of type string is not assignable to parameter of type SetStateAction<number>」

はじめに

問題

• こんな感じでイベントハンドラからとった、target.valueがstringになり、number型のstateにセットするとtype errorで困った

<input type="number" id="time" name="time" value={time} onChange={(e: React.ChangeEvent<HTMLInputElement, HTMLInputElement>) => setTime(e.target.value)} />

解決

• e.target.valueAsNumber で解決

終わりに

• フロントでもできるだけoptionalチェインとか、Number() とか、 toString() とかは使わないで済むなら使いたくないなと感じた