cancelAnimationFrame based on id (ref #123)

raphamorim · Jun 21, 2022 · 1c2cb7d · 1c2cb7d
1 parent 3e92a09
commit 1c2cb7d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/react-ape/renderer/core/render.js b/packages/react-ape/renderer/core/render.js
@@ -23,18 +23,20 @@ function renderApeQueue(
 ) {
   if (apeContextGlobal && apeContextGlobal.renderQueue.length) {
     const queue = apeContextGlobal.renderQueue;
+    let req;
+
     const frame = () => {
-      requestAnimationFrame(frame);
+      req = requestAnimationFrame(frame);
       const element = queue.shift();
       element.render(apeContextGlobal, element.parentLayout);
 
       requestAnimationFrame(frame);
 
       if (!queue.length) {
-        cancelAnimationFrame(frame);
+        cancelAnimationFrame(req);
         onFinish();
       }
-    }
+    };
     frame();
   }
 }