Lint

frontend/__tests__/routes/home.test.tsx

@@ -30,7 +30,6 @@ describe("Home Screen", () => {
 
   const RouterStub = createRoutesStub([
     {
-      // layout route
       Component: MainApp,
       path: "/",
       children: [

frontend/src/hooks/query/use-is-authed.ts

@@ -1,23 +1,32 @@
-import { useQuery } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import React from "react";
 import OpenHands from "#/api/open-hands";
 import { useConfig } from "./use-config";
 import { useAuth } from "#/context/auth-context";
 
 export const useIsAuthed = () => {
-  const { githubTokenIsSet } = useAuth();
+  const queryClient = useQueryClient();
+  const { githubTokenIsSet, setGitHubTokenIsSet } = useAuth();
   const { data: config } = useConfig();
 
-  const appMode = React.useMemo(() => config?.APP_MODE, [config]);
+  const appMode = config?.APP_MODE;
 
-  return useQuery({
+  const query = useQuery({
     queryKey: ["user", "authenticated", githubTokenIsSet, appMode],
     queryFn: () => OpenHands.authenticate(appMode!),
     enabled: !!appMode,
-    staleTime: 1000 * 60 * 5, // 5 minutes
     retry: false,
     meta: {
       disableToast: true,
     },
   });
+
+  React.useEffect(() => {
+    if (query.isError) {
+      queryClient.invalidateQueries();
+      setGitHubTokenIsSet(false);
+    }
+  }, [query.isError]);
+
+  return query;
 };