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

Author: jerelmiller

.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.

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>();