framer-motion 10.2.3 → 10.2.4

package/dist/es/value/index.mjs

@@ -26,7 +26,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "10.2.3";
+        this.version = "10.2.4";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -272,7 +272,7 @@ class MotionValue {
         this.stop();
         return new Promise((resolve) => {
             this.hasAnimated = true;
-            this.animation = startAnimation(resolve) || null;
+            this.animation = startAnimation(resolve);
             if (this.events.animationStart) {
                 this.events.animationStart.notify();
             }
@@ -306,7 +306,7 @@ class MotionValue {
         return !!this.animation;
     }
     clearAnimation() {
-        this.animation = null;
+        delete this.animation;
     }
     /**
      * Destroy and clean up subscribers to this `MotionValue`.

package/dist/es/value/use-spring.mjs

@@ -2,8 +2,8 @@ import { useContext, useRef, useInsertionEffect } from 'react';
 import { isMotionValue } from './utils/is-motion-value.mjs';
 import { useMotionValue } from './use-motion-value.mjs';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
-import { animateValue } from '../animation/legacy-popmotion/index.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
+import { animateValue } from '../animation/js/index.mjs';
 
 /**
  * Creates a `MotionValue` that, when `set`, will use a spring animation to animate to its new state.

package/dist/es/value/use-velocity.mjs

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useMotionValueEvent } from '../utils/use-motion-value-event.mjs';
 import { useMotionValue } from './use-motion-value.mjs';
 
 /**
@@ -14,11 +14,9 @@ import { useMotionValue } from './use-motion-value.mjs';
  */
 function useVelocity(value) {
     const velocity = useMotionValue(value.getVelocity());
-    useEffect(() => {
-        return value.on("velocityChange", (newVelocity) => {
-            velocity.set(newVelocity);
-        });
-    }, [value]);
+    useMotionValueEvent(value, "velocityChange", (newVelocity) => {
+        velocity.set(newVelocity);
+    });
     return velocity;
 }