【React】Received NaN for the `value` attribute. If this is expected, cast the value to a string.

はじめに

• これ関連

問題

• 以下の処理で""に対してvalueAsNumberをするため、NaNになりエラー

// console.log(e)でe > target > valueの値を確認
const onChangeTime = (e) => {
  setTime(e.target.valueAsNumber)
}

解決

• 以下で一旦エラーは出なくなる。TypeScriptだと as で型キャスト必要かもしれない

const onChangeTime = (e) => {
  setTime(e.target.valueAsNumber ? e.target.valueAsNumber : "")
}

終わりに

• フロントの型をあるべき形に整理できるようにしていきたい