ASP.NET Core 3 and React

Creating the sign-in and sign-out routes

We now understand that we need four routes in our app to handle the sign-in and sign-out processes. The SignInPage component will handle both of the signin and signin-callback routes. The SignOutPage component will handle both the signout and signout-callback routes.

Our app already knows about the SignInPage component with the route we have declared in App.tsx. However, it is not handling the sign-in callback from the Auth0. Our app also isn't handling signing out. Let's implement all of this in App.tsx by following these steps:

1. We'll start by importing the SignOutPage component into App.tsx:

import { SignOutPage } from './SignOutPage';

2. We will start with the sign-in route. Instead of just referencing ...