Github Pages で BrowserRouter が正常に処理されない - Qiita

個人で、Reactアプリを作成し、Github Pagesで公開したのですが、BrowserRouterを使用した複数ページの表示がうまく動作しない問題にハマったので、解決方法を記載します。 因みに、学習結果としてのソースコード、公開しているページのリンクは以下なので、興味があれば閲覧ください！ ソースコード 公開ページ 環境 windows11 react-router-dom バージョン: 6.21.1 ※バージョン5.x.xを使用した際、実装方法が異なります。 gh-pages バージョン: 6.1.1 ※package.jsonに手を加えて、npm run deployの実行で、gh-pagesブランチに変更内容が直接プッシュされるような状態になっています。 原因 先に原因を記載しておくと、Github Pagesでreact-router-domを使用したページ遷移を行った際、正