SHELL

install react router

$ npm install react-router-dom@6

install react router

npm install react-router-dom@6

import * as React from "react";
import * as ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById("root")
);
        /* ------------------------------- */
import { Routes, Route, Link } from "react-router-dom";

function App() {
  return (
    <div className="App">
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="about" element={<About />} />
      </Routes>
    </div>
  );
}

react router install

// How to work with react router dom in react-web
import {
  BrowserRouter as Router,
  StaticRouter, // for server rendering
  Route,
  Link
  // etc.
} from "react-router-dom";

installing react router dom

install react router

how to install react router dom

$ yarn add react-router-dom@6

Install React-Router

cd router-tutorial
npm install react-router-dom@6 history@5

installing react router dom in npm

yarn add react-router-dom