Schedule next request to get data after previous request finishes (#1352

)
apollographql · May 6, 2024 · 2761ff3 · 2761ff3
1 parent 3aba499
commit 2761ff3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/.changeset/perfect-tomatoes-press.md b/.changeset/perfect-tomatoes-press.md
@@ -0,0 +1,5 @@
+---
+"apollo-client-devtools": patch
+---
+
+Schedule next request to get client data only after the previous one had finished.
diff --git a/src/extension/devtools/devtools.ts b/src/extension/devtools/devtools.ts
@@ -92,20 +92,23 @@ function startRequestInterval(ms = 500) {
   let id: NodeJS.Timeout;
 
   async function getClientData() {
-    if (panelWindow) {
-      panelWindow.send({
-        type: "update",
-        payload: await rpcClient.request("getClientOperations"),
-      });
+    try {
+      if (panelWindow) {
+        panelWindow.send({
+          type: "update",
+          payload: await rpcClient.request("getClientOperations"),
+        });
+      }
+    } finally {
+      id = setTimeout(getClientData, ms);
     }
   }
 
   if (devtoolsMachine.state.value === "connected") {
     getClientData();
-    id = setInterval(() => getClientData(), ms);
   }
 
-  return () => clearInterval(id);
+  return () => clearTimeout(id);
 }
 
 const unsubscribers = new Set<() => void>();