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>