Route Guard

function RequireAuth(){
   let location= useLocation();

if(!user.username){
   return <Navigate to="/login" state={{ from: location }} />
}

return <Outlet />
}

<Routes>
  <Route path='/' element={<Home />} />
  <Route path='/login' element={<Login />} />
  <Route path='/register' element={<Register />} />

  <Route element={<RequireAuth />} />
  <Route path='/profile' element={<Profile />}/>
  <Route path='/create' element={<CreateRecord />}/>
  </Route>


  <Route path='/update/:id' element={<UpdateRecord/>}/>
  <Route path='/beer/:id' element={<BeerDetails />}/>

</Routes>