React Router DomでuseHistoryがエクスポートされていないエラーの解決方法


  1. React Router Domのバージョンを確認する: 最新のReact Router Domバージョンが利用可能かどうか確認しましょう。古いバージョンでは、useHistoryフックがエクスポートされていない可能性があります。最新バージョンにアップデートすることを検討してください。

  2. 正しいインポート文を確認する: useHistoryフックを正しくインポートしているか確認しましょう。正しいインポート文は次のようになります。

import { useHistory } from 'react-router-dom';
  1. パッケージの依存関係を確認する: プロジェクトのパッケージ依存関係を確認し、不要なパッケージや競合するパッケージがないか確認しましょう。必要なパッケージが正しくインストールされていることを確認するために、package.jsonファイルをチェックしてください。

npm cache clean --force

または

yarn cache clean

以上の方法を参考にして、React Router Domで「useHistory is not exported from react-router-dom」というエラーを解決してください。