I am defining router for my app with React Router v6 as below:

const router = createBrowserRouter(
    createRoutesFromElements(
        <Route path="/">
            <Route element={<ProtectedRoutes />}>
                <Route path="/" element={<MainLayout />}>
                    <Route index element={<Home />} />
                    <Route path="home" element={<Home />} />
                </Route>
            </Route>
            <Route path="login" element={<Login />} loader={async () => await isAuthenticated()} />
        </Route>,
    ),
);