Merge pull request #2635 from framer/fix/bound-stop

Binding `stop()` to animation
framer · Apr 19, 2024 · 0d72893 · 0d72893
2 parents ea49a4d + 3b53f22
commit 0d72893
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/framer-motion/src/animation/animators/MainThreadAnimation.ts b/packages/framer-motion/src/animation/animators/MainThreadAnimation.ts
@@ -481,7 +481,11 @@ export class MainThreadAnimation<
         this.holdTime = this.currentTime ?? 0
     }
 
-    stop() {
+    /**
+     * This method is bound to the instance to fix a pattern where
+     * animation.stop is returned as a reference from a useEffect.
+     */
+    stop = () => {
         this.resolver.cancel()
         this.isStopped = true
         if (this.state === "idle") return