@react-spring/animated - npm Package Compare versions

Comparing version 9.4.4 to 9.4.5-beta.0

dist/react-spring-animated.cjs.dev.js

@@ -301,10 +301,10 @@ 'use strict';
     shared.useLayoutEffect(() => {
-      const lastObserver = observerRef.current;
       observerRef.current = observer;
       shared.each(deps, dep => shared.addFluidObserver(dep, observer));
-
-      if (lastObserver) {
-        shared.each(lastObserver.deps, dep => shared.removeFluidObserver(dep, lastObserver));
-        shared.raf.cancel(lastObserver.update);
-      }
+      return () => {
+        if (observerRef.current) {
+          shared.each(observerRef.current.deps, dep => shared.removeFluidObserver(dep, observerRef.current));
+          shared.raf.cancel(observerRef.current.update);
+        }
+      };
     });
@@ -311,0 +311,0 @@ React.useEffect(callback, []);

dist/react-spring-animated.cjs.prod.js

@@ -301,10 +301,10 @@ 'use strict';
     shared.useLayoutEffect(() => {
-      const lastObserver = observerRef.current;
       observerRef.current = observer;
       shared.each(deps, dep => shared.addFluidObserver(dep, observer));
-
-      if (lastObserver) {
-        shared.each(lastObserver.deps, dep => shared.removeFluidObserver(dep, lastObserver));
-        shared.raf.cancel(lastObserver.update);
-      }
+      return () => {
+        if (observerRef.current) {
+          shared.each(observerRef.current.deps, dep => shared.removeFluidObserver(dep, observerRef.current));
+          shared.raf.cancel(observerRef.current.update);
+        }
+      };
     });
@@ -311,0 +311,0 @@ React.useEffect(callback, []);

dist/react-spring-animated.esm.js

@@ -276,10 +276,10 @@ import { defineHidden, is, createInterpolator, eachProp, hasFluidValue, getFluidValue, each, isAnimatedString, useForceUpdate, useLayoutEffect, addFluidObserver, removeFluidObserver, raf, useOnce } from '@react-spring/shared';
     useLayoutEffect(() => {
-      const lastObserver = observerRef.current;
       observerRef.current = observer;
       each(deps, dep => addFluidObserver(dep, observer));
-
-      if (lastObserver) {
-        each(lastObserver.deps, dep => removeFluidObserver(dep, lastObserver));
-        raf.cancel(lastObserver.update);
-      }
+      return () => {
+        if (observerRef.current) {
+          each(observerRef.current.deps, dep => removeFluidObserver(dep, observerRef.current));
+          raf.cancel(observerRef.current.update);
+        }
+      };
     });
@@ -286,0 +286,0 @@ useEffect(callback, []);

package.json

 {
   "name": "@react-spring/animated",
-  "version": "9.4.4",
+  "version": "9.4.5-beta.0",
   "description": "Animated component props for React",
@@ -31,8 +31,8 @@ "main": "dist/react-spring-animated.cjs.js",
   "dependencies": {
-    "@react-spring/shared": "~9.4.4",
-    "@react-spring/types": "~9.4.4"
+    "@react-spring/shared": "~9.4.5-beta.0",
+    "@react-spring/types": "~9.4.5-beta.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0  || ^17.0.0"
+    "react": "^16.8.0  || >=17.0.0 || >=18.0.0"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36266

increased by0.23%

Lines of code

1107

increased by0.27%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Addedreact@18.3.1(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedreact@17.0.2(transitive)

• Updated@react-spring/shared@~9.4.5-beta.0

• Updated@react-spring/types@~9.4.5-beta.0