Protected routes trong React Router được implement như thế nào?

function PrivateRoute({ children }) {
  const { user } = useAuth()
  const location = useLocation()

  return user
    ? children
    : <Navigate to="/login" state={{ from: location }} replace />
}

<Route path="/dashboard" element={<PrivateRoute><Dashboard /></PrivateRoute>} />