Polished auth flow including ReservedRoute and role selection.

src/components/RestrictedRoute/RestrictedRoute.tsx

@@ -4,11 +4,10 @@ import { AuthRoutes } from 'api/routes';
 import { isAuthenticated } from 'api/isAuthenticated';
 import { CircularProgress } from '@material-ui/core';
 
-/**
- *
- * */
 type Props = {
+  /** Children where the authenticated user will be redirected. */
   Component: React.FC<RouteProps>;
+  /** Path of the children. */
   path: string;
 };
 
@@ -25,23 +24,11 @@ export const RestrictedRoute = ({ Component, path }: Props): JSX.Element => {
   const [isLoading, setLoading] = useState<boolean>(false);
 
   useEffect(() => {
-    let isMounted = true;
-
-    isAuthenticated().then((state) => {
-      if (isMounted) {
-        setIsAuth(state);
-        setLoading(true);
-      }
-    });
-
-    return () => {
-      isMounted = false;
-    };
-  }, [isLoading]);
+    isAuthenticated().then((res) => setIsAuth(res));
+    console.log(isAuth);
+  }, [isAuth]);
 
-  return !isLoading ? (
-    <CircularProgress />
-  ) : (
+  return (
     <Route
       path={path}
       render={(props: RouteProps) =>