As per latest upgrade to V7 of React Router (https://reactrouter.com/upgrading/v6#upgrade-to-v7), we no longer need "react-router-dom" as the packages have been simplified. We can import everything from "react-router".
Note that we only need "react-router" in our package.json.
Issue:
As explained about react router in NamasteReact series( episode :07), while importing createBrowserRouter from "react-router-dom" was working fine as it was in the previous version of V6.
But now from V7 it throws an error.
Fix:
- Uninstall react-router-dom and install react-router to latest
- Replace the following code in App.js :-
import { createBrowserRouter, RouterProvider, Outlet } from "react-router-dom";
with the below code:-
import { createBrowserRouter, RouterProvider, Outlet } from "react-router";
(P.S :- please verify the above fix )