fix: Race condition on login

app/components/Authenticated.tsx

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import { Redirect } from "react-router-dom";
 import useStores from "~/hooks/useStores";
 import { changeLanguage } from "~/utils/language";
+import LoadingIndicator from "./LoadingIndicator";
 
 type Props = {
   children: JSX.Element;
@@ -24,6 +25,10 @@ const Authenticated = ({ children }: Props) => {
     return children;
   }
 
+  if (auth.isFetching) {
+    return <LoadingIndicator />;
+  }
+
   void auth.logout(true);
   return <Redirect to="/" />;
 };

app/stores/AuthStore.ts

@@ -81,6 +81,9 @@ export default class AuthStore {
   @observable
   isSaving = false;
 
+  @observable
+  isFetching = true;
+
   /* Whether the user is currently suspended. */
   @observable
   isSuspended = false;
@@ -178,6 +181,8 @@ export default class AuthStore {
 
   @action
   fetch = async () => {
+    this.isFetching = true;
+
     try {
       const res = await client.post("/auth.info", undefined, {
         credentials: "same-origin",
@@ -234,6 +239,8 @@ export default class AuthStore {
         this.isSuspended = true;
         this.suspendedContactEmail = err.data.adminEmail;
       }
+    } finally {
+      this.isFetching = false;
     }
   };