To update to v6
, uninstall the old version using the following command:
npm uninstall react-router-dom
then run the following command to install the latest v6:
npm install react-router-dom
In App.js
import React, { Component } from "react";
import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
import HeaderLayout from "./component/pagefrontend/HeaderLayout";
import MainLayout from "./component/pagefrontend/MainLayout";
import FooterLayout from "./component/pagefrontend/FooterLayout";
import DocumentLayout from "./component/pagefrontend/DocumentLayout";
export default function App() {
return (
<Router>
{/* <IndexLayout /> */}
<HeaderLayout />
<Routes>
<Route path="/" element={<MainLayout />} />
<Route path="/document" element={<DocumentLayout />} />
</Routes>
<FooterLayout />
</Router>
);
}
File index.js
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import "semantic-ui-css/semantic.min.css";
import * as serviceWorker from "./serviceWorker";
ReactDOM.render(<App />, document.getElementById("root")); /// id="root" public/index.html.
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();