はじめに
- react-router-domのRouteコンポーネントのelementに
React.ReactNode | undefinedしかいれられないので、JSX.elementはダメですと怒られたのが最初
問題
- 静的解析がおかしい
解決
- 最新版にしたら解決した
- 元のバージョンが古すぎたのか、1回バージョンアップでは2025年の新めのものになった。再度バージョンアップすると2026年版になり解決
終わりに
- 「はじめに」のあと、色々設定を見てpropsとかコンパイルいるものだけ、エディタ上に出ずにtsマークからコンパイルをすると下の窓だけに出るとか、色々あったが結局バージョンを上げて解決した
- JetBrains IDEに関して、PHPStormは動的型付けでコードジャンプ便利に思っているが、Webstormでtsのプロジェクトを見る時とか、monorepoをInteliJで見ている時に使いこなせてなくてメリットあまり感じていないのでVSCodeとかZedでもいいかもと思った。
- 結局「はじめに」の件はJSX.elementをpropsにするのは問題なかったみたいなので(公式の書き方真似しているので正しいはず)自分の環境がおかしいだけだった
