added react-router-doom

chartdemowithantd/src/component/App.js

@@ -3,26 +3,21 @@ import Linechart from "./Chartjs/Linechart";
 import Dashboard from "./Dashboard/Dashboard";
 import Login from "./Login/Login";
 import LineChartG2 from "./G2plot/LineChartG2";
-import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
+import { Routes, Route } from "react-router-dom";
 
 function App() {
   return (
     // <LineChartG2></LineChartG2>
-    <Router>
+    <Routes>
       {/* A <Routes> looks through its children <Route>s and
             renders the first one that matches the current URL. */}
       <>
-        <Dashboard />
-        {/* <Routes>
-          <Route path="/login">
-            <Login />
-          </Route>
-          <Route path="/">
-            <Dashboard />
-          </Route>
-        </Routes> */}
+        <Route path="/" element={<Dashboard />}></Route>
+        <Route path="/login" element={<Login />}></Route>
+        <Route path="/linechartg2" element={<LineChartG2 />}></Route>
+        <Route path="/linechart" element={<LineChart />}></Route>
       </>
-    </Router>
+    </Routes>
   );
 }
 

chartdemowithantd/src/component/Dashboard/SideNav.js

 import React from "react";
 import { Layout, Menu } from "antd";
+import { Link, Outlet } from "react-router-dom";
 import {
   UploadOutlined,
   UserOutlined,

chartdemowithantd/src/index.js

 import React from "react";
 import ReactDOM from "react-dom";
+import { BrowserRouter } from "react-router-dom";
 
 import { Provider } from "react-redux";
 import store from "./Redux/Store/store";
@@ -10,9 +11,11 @@ import reportWebVitals from "./reportWebVitals";
 const gridProps = window.gridProps || {};
 ReactDOM.render(
   <React.StrictMode>
-    <Provider store={store}>
-      <App />
-    </Provider>
+    <BrowserRouter>
+      <Provider store={store}>
+        <App />
+      </Provider>
+    </BrowserRouter>
   </React.StrictMode>,
   document.getElementById("root")
 );