Fixed an hard refresh issues with the AuthorizedRoute

When hard refreshing a AuthorizedRoute it would always redirect to the
dashboard even if the user is already logged in.

- In AuthorizedRoute changed the state of the Redirect. This state need
the from as a location instead of location being the whole state. Now
the Redirect looks the same a the PrivateRoute and this doesn't have this
problem.

src/routeguards/AuthorizedRoute.tsx

@@ -5,7 +5,7 @@ import { useLocation } from 'react-router';
 import { getConfig, Config } from '../config';
 import { useAuthentication } from '../hooks';
 
-export type Authorizer<User> = (user: User) => boolean;
+export type Authorizer<User> = (user?: User) => boolean;
 
 export interface Props<User> extends RouteProps {
   authorizer: Authorizer<User>;
@@ -35,26 +35,27 @@ export function AuthorizedRoute<User>({
   ...rest
 }: Props<User>): JSX.Element {
   const config: Config = getConfig();
-  const authentication = useAuthentication();
+  const { currentUser, isLoggedIn } = useAuthentication<User>();
   const location = useLocation();
 
-  const isLoggedIn = authentication.isLoggedIn;
-
   /*
   We first check if the user is logged in before authorizing, this prevents
   a redirect loop where a redirect mechanism is in place within login that automatically redirects
   users to the previous attempted route upon login.
   */
   if (!isLoggedIn) {
-    return <Redirect to={{ pathname: config.loginRoute, state: location }} />;
+    return (
+      <Redirect
+        to={{ pathname: config.loginRoute, state: { from: location } }}
+      />
+    );
   }
 
   /*
   After we have asserted that the user is not logged in, but somehow lacks privileges,
   we send it to the dashboard instead of the login to prevent the loop from happening.
   */
-  const user = authentication.currentUser as User;
-  const allowed = authorizer(user);
+  const allowed = authorizer(currentUser);
 
   if (!allowed) {
     return <Redirect to={{ pathname: config.dashboardRoute }} />;

tests/routeguards/AuthorizedRoute.test.tsx

@@ -57,7 +57,7 @@ describe('AuthorizedRoute', () => {
           </PrivateRoute>
 
           <AuthorizedRoute<User>
-            authorizer={(user) => user.isAdmin}
+            authorizer={(user) => !!user?.isAdmin}
             path="/admin"
             exact
           >