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/:beerId" element={<UpdateRecord/>} />
            <Route path="/beers/:beerId" element={<BeerDetails/>} />
          </Routes>