[React]何も表示されない[react-router]

前提

react-routerを使って、LPから別のhtmlファイルに偏移をさせようとしています。
その作業中にbrowserrouterなどを使うと真っ白になってしまいました。

実現したいこと

• LPからloginボタンを押すとlogin.htmlに移動する

発生している問題・エラーメッセージ

<BrowserRouter>, <Routes>, <Route>, <HashRouter>などの偏移をするためのものを使うと真っ白になって表示されません。そもそも該当のタグが読み込まれていないみたいです。

該当のソースコード

https://github.com/shihominorth/Tastybox-react

JavaScript

import React, { useState } from "react";import { BrowserRouter, Route, Routes } from "react-router-dom";import LandingPage from "./landing_page/components/Landing_Page"; const loginBtnClicked = { "location.href= ${LoginPagePath}" }; function App() { return ( <BrowserRouter> <Routes> <Route component={LandingPage} /> </Routes> </BrowserRouter> );} export default App;

試したこと

• BrowserRouterをHashRouterに変えましたがダメでした。
• https://reffect.co.jp/react/react-router-6に載っている様に新しく別のリポジトリを作って実装したところ同じ現象が起こりました