fix: set refetchOnWindowFocus to false globaly

Author: x0sina

dashboard/src/components/charts/UserSubUpdatePieChart.tsx

@@ -165,7 +165,6 @@ function UserSubUpdatePieChart({ username, adminId }: UserSubUpdatePieChartProps
   const { data, isLoading, error } = useGetUsersSubUpdateChart(params, {
     query: {
       refetchInterval: 60_000,
-      refetchOnWindowFocus: false,
     },
   })
 

dashboard/src/components/dashboard/DashboardAdminStatistics.tsx

@@ -4,7 +4,7 @@ import AdminStatisticsCard from './admin-statistics-card'
 const DashboardAdminStatistics = ({ currentAdmin, systemStats }: { currentAdmin: AdminDetails | undefined; systemStats: SystemStats | undefined }) => {
   const { data } = useGetAdmins(undefined, {
     query: {
-      refetchInterval: 60000,
+      refetchInterval: false,
     },
   })
 

dashboard/src/components/dialogs/HostModal.tsx

@@ -554,9 +554,8 @@ const HostModal: React.FC<HostModalProps> = ({ isDialogOpen, onOpenChange, onSub
   const { data: hosts = [] } = useQuery({
     queryKey: ['getHostsQueryKey'],
     queryFn: () => getHosts(),
-    enabled: isTransportOpen, // Only fetch when transport section is open
-    refetchOnWindowFocus: false,
-    select: data => data.filter(host => host.id != null), // Filter out hosts with null IDs
+    enabled: isTransportOpen,
+    select: data => data.filter(host => host.id != null),
   })
 
   // No automatic refresh when dialog opens - only fetch on specific actions

dashboard/src/components/dialogs/UserModal.tsx

@@ -590,21 +590,18 @@ export default function UserModal({ isDialogOpen, onOpenChange, form, editingUse
   // Fetch data for tabs without caching
   const { data: templatesData, isLoading: templatesLoading } = useGetUserTemplates(undefined, {
     query: {
-      staleTime: 0, // No stale time - always fetch fresh data
-      gcTime: 0, // No garbage collection time - no caching
-      refetchOnWindowFocus: false,
+      staleTime: 0,
+      gcTime: 0,
       refetchOnMount: true,
       refetchOnReconnect: false,
     },
   })
 
-  // Fetch general settings each time the modal is opened
   const { data: generalSettings } = useQuery({
     queryKey: getGetGeneralSettingsQueryKey(),
     queryFn: () => getGeneralSettings(),
     enabled: isDialogOpen,
     refetchOnMount: true,
-    refetchOnWindowFocus: true,
   })
 
   // Function to refresh all user-related data

dashboard/src/components/users/users-table.tsx

@@ -115,9 +115,8 @@ const UsersTable = memo(() => {
     isFetching,
   } = useGetUsers(filters, {
     query: {
-      refetchOnWindowFocus: false,
-      staleTime: 0, // No stale time - always fetch fresh data
-      gcTime: 0, // No garbage collection time - no caching
+      staleTime: 0,
+      gcTime: 0,
       retry: 1,
     },
   })

dashboard/src/hooks/use-admin.ts

@@ -13,19 +13,11 @@ export const useAdmin = () => {
     refetch,
   } = useGetCurrentAdmin({
     query: {
-      // Use initial data from router loader if available
       initialData: initialAdminData,
-      // Only refetch when window regains focus, not on a timer
-      refetchOnWindowFocus: true,
-      // Cache the data for 5 minutes
       staleTime: 5 * 60 * 1000,
-      // Keep the data in cache for 10 minutes
       gcTime: 10 * 60 * 1000,
-      // Don't refetch automatically on mount if we have initial data
       refetchOnMount: !initialAdminData,
-      // Retry failed requests up to 2 times
       retry: 2,
-      // Don't refetch on reconnect if we have fresh data
       refetchOnReconnect: 'always',
     },
   })

dashboard/src/utils/query-client.ts

@@ -1,3 +1,9 @@
 import { QueryClient } from '@tanstack/react-query'
 
-export const queryClient = new QueryClient()
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+    },
+  },
+})