chore(frontend): Turn off query caching by default (#7222)

frontend/src/hooks/query/use-ai-config-options.ts

@@ -11,4 +11,6 @@ export const useAIConfigOptions = () =>
   useQuery({
     queryKey: ["ai-config-options"],
     queryFn: fetchAiConfigOptions,
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });

frontend/src/hooks/query/use-app-installations.ts

@@ -14,5 +14,7 @@ export const useAppInstallations = () => {
       githubTokenIsSet &&
       !!config?.GITHUB_CLIENT_ID &&
       config?.APP_MODE === "saas",
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });
 };

frontend/src/hooks/query/use-app-repositories.ts

@@ -50,6 +50,8 @@ export const useAppRepositories = () => {
       Array.isArray(installations) &&
       installations.length > 0 &&
       config?.APP_MODE === "saas",
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });
 
   // TODO: Once we create our custom dropdown component, we should fetch data onEndReached

frontend/src/hooks/query/use-config.ts

@@ -5,4 +5,6 @@ export const useConfig = () =>
   useQuery({
     queryKey: ["config"],
     queryFn: OpenHands.getConfig,
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });

frontend/src/hooks/query/use-conversation-config.ts

@@ -18,6 +18,8 @@ export const useConversationConfig = () => {
       return OpenHands.getRuntimeId(conversationId);
     },
     enabled: status !== WsClientProviderStatus.DISCONNECTED && !!conversationId,
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });
 
   React.useEffect(() => {

frontend/src/hooks/query/use-github-user.ts

@@ -19,6 +19,8 @@ export const useGitHubUser = () => {
     queryFn: OpenHands.getGitHubUser,
     enabled: githubTokenIsSet && !!config?.APP_MODE,
     retry: false,
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });
 
   React.useEffect(() => {

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

@@ -15,6 +15,7 @@ export const useIsAuthed = () => {
     queryFn: () => OpenHands.authenticate(appMode!),
     enabled: !!appMode,
     staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
     retry: false,
     meta: {
       disableToast: true,

frontend/src/hooks/query/use-list-files.ts

@@ -23,5 +23,7 @@ export const useListFiles = (config: UseListFilesConfig = DEFAULT_CONFIG) => {
     queryKey: ["files", conversationId, config?.path],
     queryFn: () => OpenHands.getFiles(conversationId, config?.path),
     enabled: !!(isActive && config?.enabled),
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });
 };

frontend/src/hooks/query/use-search-repositories.ts

@@ -7,5 +7,7 @@ export function useSearchRepositories(query: string) {
     queryFn: () => OpenHands.searchGitHubRepositories(query, 3),
     enabled: !!query,
     select: (data) => data.map((repo) => ({ ...repo, is_public: true })),
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });
 }

frontend/src/hooks/query/use-settings.ts

@@ -34,6 +34,8 @@ export const useSettings = () => {
     // would want to show the modal immediately if the
     // settings are not found
     retry: (_, error) => error.status !== 404,
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
     meta: {
       disableToast: true,
     },

frontend/src/hooks/query/use-user-conversation.ts

@@ -7,4 +7,6 @@ export const useUserConversation = (cid: string | null) =>
     queryFn: () => OpenHands.getConversation(cid!),
     enabled: !!cid,
     retry: false,
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });

frontend/src/hooks/query/use-user-conversations.ts

@@ -9,6 +9,5 @@ export const useUserConversations = () => {
     queryKey: ["user", "conversations"],
     queryFn: OpenHands.getUserConversations,
     enabled: !!userIsAuthenticated,
-    staleTime: 0,
   });
 };

frontend/src/hooks/query/use-user-repositories.ts

@@ -15,6 +15,8 @@ export const useUserRepositories = () => {
     initialPageParam: 1,
     getNextPageParam: (lastPage) => lastPage.nextPage,
     enabled: githubTokenIsSet && config?.APP_MODE === "oss",
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });
 
   // TODO: Once we create our custom dropdown component, we should fetch data onEndReached

frontend/src/hooks/query/use-vscode-url.ts

@@ -13,6 +13,8 @@ export const useVSCodeUrl = (config: { enabled: boolean }) => {
     },
     enabled: !!conversationId && config.enabled,
     refetchOnMount: false,
+    staleTime: 1000 * 60 * 5, // 5 minutes
+    gcTime: 1000 * 60 * 15, // 15 minutes
   });
 
   return data;

frontend/src/query-client-config.ts

@@ -32,10 +32,4 @@ export const queryClientConfig: QueryClientConfig = {
       }
     },
   }),
-  defaultOptions: {
-    queries: {
-      staleTime: 1000 * 60 * 5, // 5 minutes
-      gcTime: 1000 * 60 * 15, // 15 minutes
-    },
-  },
 };