Question 306956 in Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – How do i solve RouterProvider TypeError in react-router-v6?

My Code –

import React from "react";
import ReactDOM from "react-dom/client";
import "../App.css"
import About from "./About"
import App from "../App";
import {
  createBrowserRouter  ,
  RouterProvider
} from "react-router-dom";

const router = createBrowserRouter([
    {
      path: "/",
      element:<App/>,
    },
    {
      path:"/about",
      element:<About/>,
    }
  ])
  
  
  
    ReactDOM.createRoot(document.getElementById('root')).render(
    
    <RouterProvider route = {router}/>
   
  
  )

Error –
Uncaught TypeError: Cannot read properties of undefined (reading ‘state’)
at RouterProvider

When i was not using routes the app was working as intended but after using routes nothing is getting rendered on the page .
Please help me solve this error ?

Tags:

2

Answers


  1. 0

    try this code:-

    import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import "../App.css";
import About from "./About";
import App from "../App";

const Root = () => {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<App />} />
        <Route path="/about" element={<About />} />
      </Routes>
    </Router>
  );
};

ReactDOM.createRoot(document.getElementById("root")).render(<Root />);
    Login or Signup to reply.
  2. 0 
     <RouterProvider router={router} />

    Attention the attribute has changed to router

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search