React file structure
import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
import PrivateRoute from "./PrivateRoute";
import LayoutRoutes from "./LayoutRoutes";
import { authRoutes } from "./AuthRoutes";
import Login from "../Component/Authentication/Login";
const RouterData = () => {
const login = localStorage.getItem("login");
return (
<BrowserRouter basename={"/"}>
<Routes>
{login ? (
<>
<Route path={`${process.env.PUBLIC_URL}` || '/'} element={<Navigate to={`${process.env.PUBLIC_URL}/dashboard/default`} /> } />
</>
) : (
""
)}
<Route path={"/"} element={<PrivateRoute />}>
<Route path="/*" element={<LayoutRoutes />} />
</Route>
{authRoutes.map(({ path, Component }, i) => (
<Route path={path} element={Component} key={i} />
))}
<Route path={`${process.env.PUBLIC_URL}/login`} element={<Login />} />
</Routes>
</BrowserRouter>
);
};