React の型周りでめちゃくちゃエラーがでるようになった

2020年頃からは見なくなったのでアーカイブ化されました。


もしかしたら色々な@types/reactのバージョンが混在しているからかもしれません。

@types/react のバージョンが混在していないか調べる

以下のコマンドを実行してみてください。

yarn list --pattern @types/react

もし2階層も3階層も表示される場合は混在しています。

Image from Gyazo

これを解決するにはプロジェクトルートで以下を実行します。

rm -rf node_modules yarn.lock && yarn cache clean && yarn

再度yarn listします。1階層になっていれば大丈夫だと思います。

yarn list --pattern @types/react

Image from Gyazo

ただReactの昔のバージョンを使ってるときは、これでは駄目な気がします。その時が訪れたら追記するかもしれません。