feat(ui): enable RTK Query's refetchOnReconnect

Author: psychedelicious

invokeai/frontend/web/src/app/components/GlobalHookIsolator.tsx

@@ -1,4 +1,5 @@
 import { useGlobalModifiersInit } from '@invoke-ai/ui-library';
+import { setupListeners } from '@reduxjs/toolkit/query';
 import type { StudioInitAction } from 'app/hooks/useStudioInitAction';
 import { useStudioInitAction } from 'app/hooks/useStudioInitAction';
 import { useSyncQueueStatus } from 'app/hooks/useSyncQueueStatus';
@@ -62,6 +63,10 @@ export const GlobalHookIsolator = memo(
       dispatch(appStarted());
     }, [dispatch]);
 
+    useEffect(() => {
+      return setupListeners(dispatch);
+    }, [dispatch]);
+
     useStudioInitAction(studioInitAction);
     useStarterModelsToast();
     useSyncQueueStatus();

invokeai/frontend/web/src/services/api/index.ts

@@ -112,6 +112,7 @@ export const api = customCreateApi({
   endpoints: () => ({}),
   invalidationBehavior: 'immediately',
   serializeQueryArgs: stableHash,
+  refetchOnReconnect: true,
 });
 
 function getCircularReplacer() {