// [1] terminal

npm install react-router-dom

​

// [2] index.js

import React from "react";

import ReactDOM from "react-dom/client";

import { RouterProvider, createBrowserRouter } from "react-router-dom";

import Home from "./pages/Home";

import About from "./pages/About";

import Contact from "./pages/Contact";

import NotFound from "./pages/NotFound";

​

// you can also create this router constant in another file and import it here

const Router = createBrowserRouter([

  {

    path: "/",

    element: <Home />,

    errorElement: <NotFound />,

  },

  {

    path: "/about",

    element: <About />,

  },

  {

    path: "/contact",

    element: <Contact />,

  }

]);

​

const root = ReactDOM.createRoot(document.getElementById("root"));

root.render(

  <React.StrictMode>

    <RouterProvider router={Router} />

  </React.StrictMode>

);