The Syntax is changed in "react-router-dom"
"@types/react-router-dom": "^5.3.2", =====> import {BrowserRouter as Router, Route} from "react-router-dom"
"react-router-dom": "^6.0.1",============> import { BrowserRouter, Routes, Route } from "react-router-dom";
Please Updated the syntax
<BrowserRouter>
<Header/>
<Routes>
<Route path="/" Component={Home} />
<Route path="/about" Component={About} />
</Routes>
</BrowserRouter>
===============================================================
OR Use the "element" in "Route"
<BrowserRouter>
<Header/>
<Routes>
<Route path="/" element={<Home/>} />
<Route path="/about" element={<About />} />
</Routes>
</BrowserRouter>