Tanstack Table続き。
とりあえず、公式のサンプルのように実装したら、動いた。
APIから取得したデータを使おうとすると、エラーになる。 useEffectを外してみたら、APIがすごい勢いでたたかれ続けた。 useEffectを戻したら、エラー出ずに表示された。
???
APIサーバーを停止してみると、またエラーになった。
つまりAPIリクエストのエラー時の処理がうまく書けていないらしい。
エラー時に
return <div>Error: {error}</div>;
としていたところを
return <div>Error: {error.message}</div>;
にしたところ、解消できた。
解消できたけど、VS Codeでエラー表示プロパティ 'message' は型 'never' に存在しません。ts(2339)
になるのが気になる。。
→AxiosError型を使うようにしたら解消した。
あと、APIサーバーのログを見ると、2回リクエストが来ているのが気になる。