Docs Navigation
Auth Example
This example demonstrates how to restrict access to routes to authenticated users.
Be sure to pay attention to the following features:
- The use of the
useNavigate()hook and the<Navigate>component for navigating both imperatively after the login form is submitted and declaratively when a non-authenticated user visits a particular route - The use of
location.stateto preserve the previous location so you can send the user there after they authenticate - The use of
navigate("...", { replace: true })to replace the/loginroute in the history stack so the user doesn't return to the login page when clicking the back button after logging in
Preview
Open this example on StackBlitz:
