React: Force act running always in sequence

code/renderers/react/src/act-compat.ts

@@ -68,7 +68,41 @@ function withGlobalActEnvironment(actImplementation: (callback: () => void) => P
   };
 }
 
+const actQueue: (() => Promise<void>)[] = [];
+let isActing = false;
+
+const processActQueue = async () => {
+  if (isActing || actQueue.length === 0) {
+    return;
+  }
+
+  isActing = true;
+  const actTask = actQueue.shift();
+  if (actTask) {
+    await actTask();
+  }
+  isActing = false;
+  processActQueue();
+};
+
+function withQueuedActEnvironment(actImplementation: (callback: () => void) => Promise<any>) {
+  const wrappedAct = withGlobalActEnvironment(actImplementation);
+  return (callback: () => any) => {
+    return new Promise<void>((resolve, reject) => {
+      actQueue.push(async () => {
+        try {
+          await wrappedAct(callback);
+          resolve();
+        } catch (error) {
+          reject(error);
+        }
+      });
+      processActQueue();
+    });
+  };
+}
+
 export const act =
   process.env.NODE_ENV === 'production'
     ? (cb: (...args: any[]) => any) => cb()
-    : withGlobalActEnvironment(reactAct);
+    : withQueuedActEnvironment(reactAct);