React Router の"Switch"や"exact" が使用できない時の対処法

参考

正確な詳しい情報を知りたい方はこちらを参照してください

エラー

Module '"react-router-dom"' has no exported member 'Switch'.

型 '{ children: element; exact: true; path: string; }' を型 'intrinsicattributes & (pathrouteprops | layoutrouteprops | indexrouteprops)' に割り当てることはできません。 プロパティ 'exact' は型 'intrinsicattributes & (pathrouteprops | layoutrouteprops | indexrouteprops)' に存在しません。

原因

React Router v6を使っている場合に起こるエラー

解決策

1. 記述を変える

• "Switch"を"Routes"に変える
• exactを使わない

2. バージョンを下げる

npm install react-router-dom@5