79280804

Date: 2024-12-14 14:37:33
Score: 1
Natty:
Report link

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>
Reasons:
  • Long answer (-0.5):
  • Has code block (-0.5):
  • No latin characters (0.5):
  • Filler text (0.5): ============
  • Filler text (0): ===============================================================
  • Low reputation (1):
Posted by: Aju Thomas Kalloor