reactjs - React Router Dom react js 空白の白い画面 表示

Question

特定のエリア グループのチャット エリアを表示したいプロジェクトに React Router Dom を追加しました。だから私は React Router Dom を使ってユニークなリンクにアクセスしています React Router Dom Version: 8.1 My Project

App.js

import './App.css';
import Chat from './components/Chat';
import Sidebar from './components/Sidebar';
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";


function App() {
  return (
    
    <div className="app">
      <div className="app_body">
      <Router>
        <Sidebar />
          <Routes>
            <Route path="/">
              
              <Chat/>
            </Route>

          </Routes>
        </Router>
                    </div>
  </div>

    
  );
}

export default App;

実行後の結果: React Router Dom を使用する前に表示される空白の白い画面

出力