Почему я получаю ошибку каждый раз, когда пытаюсь получить доступ к защищенному маршруту вместо перенаправления в /вход? ⇐ Javascript

[Anonymous]

I'm implementing protection route in my vanlife practice project and its not redirecting me it keep giving me this error when i try to access protected route


I'm supposed to get redirected to /login when I try to access the /host.
Это мой main.jsx < /p>
import { createRoot } from 'react-dom/client'
import Layout from './components/Layout.jsx';
import Home from './pages/Home.jsx';
import About from './pages/About.jsx';
import Login from './pages/Login.jsx';
import Error from './components/Error.jsx';
import Vans, { loader as vanLoader } from './pages/Vans/Vans.jsx';
import VansDetails, { loader as vanDetailLoader } from './pages/Vans/VansDetails.jsx';
import Dashboard from './pages/Host/Dashboard.jsx';
import Income from './pages/Host/Income.jsx';
import Reviews from './pages/Host/Reviews.jsx';
import HostVans, { loader as hostvanLoader } from './pages/Host/HostVans.jsx';
import HostVansDetail, { loader as hostvandetailLoader } from './pages/Host/HostVansDetail.jsx';
import Pricing from './pages/Host/HostVanDetails/Pricing.jsx';
import Photos from './pages/Host/HostVanDetails/Photos.jsx';
import Info from './pages/Host/HostVanDetails/Info.jsx';
import HostLayout from './components/HostLayout.jsx';
import {
RouterProvider,
Route,
createBrowserRouter,
createRoutesFromElements
} from 'react-router-dom';
import NotFound from './pages/NotFound.jsx';
import './server.js';
import { requireAuth } from './utils.js';
import { StrictMode } from 'react';

const router = createBrowserRouter(createRoutesFromElements(







await requireAuth()}
/>
await requireAuth()}
/>
await requireAuth()}
/>
{
await requireAuth()
return hostvanLoader()
}}
/>
{
await requireAuth()
return hostvandetailLoader(obj)
}}
>
await requireAuth()}
/>
await requireAuth()}
/>
await requireAuth()}
/>





));

function App() {
return (



)
}

createRoot(document.getElementById('root')).render(



)
< /code>
Это мой utils.js, который должен запускать погрузчик и перенаправить меня на /ловить < /p>
import { redirect } from "react-router-dom"

export async function requireAuth() {
const isLoggedIn = false

if (!isLoggedIn) {
throw redirect("/login")
}
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... instead-of