Solved ApexCharts bug

Author: simmmpleweb

.gitignore

@@ -1,5 +1,6 @@
 node_modules
 package-lock.json
+yarn.lock
 build
 
 # dependencies

package.json

@@ -14,6 +14,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
+    "apexcharts": "^3.35.2",
     "babel-cli": "^6.26.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",

src/index.js

@@ -7,22 +7,19 @@ import AdminLayout from "layouts/admin";
 import RTLLayout from "layouts/rtl";
 import { ChakraProvider } from "@chakra-ui/react";
 import theme from "theme/theme";
-import { BrowserRouter } from "react-router-dom";
 
 ReactDOM.render(
   <ChakraProvider theme={theme}>
-    <BrowserRouter>
-      <React.StrictMode>
-        <HashRouter>
-          <Switch>
-            <Route path={`/auth`} component={AuthLayout} />
-            <Route path={`/admin`} component={AdminLayout} />
-            <Route path={`/rtl`} component={RTLLayout} />
-            <Redirect from='/' to='/admin' />
-          </Switch>
-        </HashRouter>
-      </React.StrictMode>
-    </BrowserRouter>
+    <React.StrictMode>
+      <HashRouter>
+        <Switch>
+          <Route path={`/auth`} component={AuthLayout} />
+          <Route path={`/admin`} component={AdminLayout} />
+          <Route path={`/rtl`} component={RTLLayout} />
+          <Redirect from='/' to='/admin' />
+        </Switch>
+      </HashRouter>
+    </React.StrictMode>
   </ChakraProvider>,
   document.getElementById("root")
 );

src/layouts/admin/index.js

@@ -6,11 +6,12 @@ import Navbar from "components/navbar/NavbarAdmin.js";
 import Sidebar from "components/sidebar/Sidebar.js";
 import { SidebarContext } from "contexts/SidebarContext";
 import React, { useState } from "react";
-import { Redirect, Route, Switch } from "react-router-dom";
+import { Redirect, Route, Switch, useLocation } from "react-router-dom";
 import routes from "routes.js";
 
 // Custom Chakra theme
 export default function Dashboard(props) {
+  let location = useLocation();
   const { ...rest } = props;
   // states and functions
   const [fixed] = useState(false);