Function AuthShell

The authentication shell manages the authentication state for your application. You can pass either public or private routes as children.

Public routes are accessible even when the user is not signed in. Private routes on the other hand require the user to be authenticated. If an unauthenticated user tries to access a private route, they will get redirected to the authentication screen where they are able to either sign in or sign up. On success full sign in/up the user will be redirected to the inital referrer.

<AuthShell>
  <PrivateRoute element={} />
  <PublicRoute element={} />
</AuthShell>