@depup/lottie-react 3.1.0-depup.0 → 3.1.1-depup.0

package/README.md

@@ -13,8 +13,8 @@ npm install @depup/lottie-react
 
 | Field | Value |
 |-------|-------|
-| Original | [lottie-react](https://www.npmjs.com/package/lottie-react) @ 3.1.0 |
-| Processed | 2026-08-17 |
+| Original | [lottie-react](https://www.npmjs.com/package/lottie-react) @ 3.1.1 |
+| Processed | 2026-08-27 |
 | Smoke test | passed |
 | Deps updated | 0 |
 

package/build/utils/mergeRefs.cjs

@@ -5,20 +5,25 @@
 * An element has a single `ref` slot, so any element that both this library and
 * the person using it want a handle on needs one callback that feeds both.
 *
-* Teardown is the part that is not boilerplate, because the two supported React
-* versions differ. React 19 treats a function returned from a ref callback as
-* its cleanup and then never calls that ref with `null`, while React 18
-* discards the return and calls with `null`. So each ref gets its own cleanup
-* where it returned one and a `null` call where it did not, and the combined
-* teardown is returned for React 19 to run. React 18 ignores it and calls this
-* callback with `null` instead, which does the same work.
+* Teardown is where the two supported React versions differ. React 19 treats a
+* function returned from a ref callback as its cleanup and never calls that ref
+* with `null`; React 18 always calls with `null` and, in development, reports a
+* returned function. So a combined teardown is returned only when a ref returned
+* a cleanup of its own, since that ref must be torn down by it rather than by a
+* `null` call. Otherwise nothing is returned and both versions call this
+* callback with `null`, which clears every ref.
 */
 function mergeRefs(...refs) {
 	return (node) => {
+		let returned = false;
 		const teardowns = refs.map((ref) => {
 			if (typeof ref === "function") {
 				const cleanup = ref(node);
-				return typeof cleanup === "function" ? cleanup : () => ref(null);
+				if (typeof cleanup === "function") {
+					returned = true;
+					return cleanup;
+				}
+				return () => ref(null);
 			}
 			if (ref) {
 				ref.current = node;
@@ -28,6 +33,7 @@ function mergeRefs(...refs) {
 			}
 			return () => void 0;
 		});
+		if (!returned) return;
 		return () => {
 			for (const teardown of teardowns) teardown();
 		};

package/build/utils/mergeRefs.js

@@ -5,20 +5,25 @@
 * An element has a single `ref` slot, so any element that both this library and
 * the person using it want a handle on needs one callback that feeds both.
 *
-* Teardown is the part that is not boilerplate, because the two supported React
-* versions differ. React 19 treats a function returned from a ref callback as
-* its cleanup and then never calls that ref with `null`, while React 18
-* discards the return and calls with `null`. So each ref gets its own cleanup
-* where it returned one and a `null` call where it did not, and the combined
-* teardown is returned for React 19 to run. React 18 ignores it and calls this
-* callback with `null` instead, which does the same work.
+* Teardown is where the two supported React versions differ. React 19 treats a
+* function returned from a ref callback as its cleanup and never calls that ref
+* with `null`; React 18 always calls with `null` and, in development, reports a
+* returned function. So a combined teardown is returned only when a ref returned
+* a cleanup of its own, since that ref must be torn down by it rather than by a
+* `null` call. Otherwise nothing is returned and both versions call this
+* callback with `null`, which clears every ref.
 */
 function mergeRefs(...refs) {
 	return (node) => {
+		let returned = false;
 		const teardowns = refs.map((ref) => {
 			if (typeof ref === "function") {
 				const cleanup = ref(node);
-				return typeof cleanup === "function" ? cleanup : () => ref(null);
+				if (typeof cleanup === "function") {
+					returned = true;
+					return cleanup;
+				}
+				return () => ref(null);
 			}
 			if (ref) {
 				ref.current = node;
@@ -28,6 +33,7 @@ function mergeRefs(...refs) {
 			}
 			return () => void 0;
 		});
+		if (!returned) return;
 		return () => {
 			for (const teardown of teardowns) teardown();
 		};

package/changes.json

@@ -1,5 +1,5 @@
 {
   "bumped": {},
-  "timestamp": "2026-08-17T00:14:39.892Z",
+  "timestamp": "2026-08-27T19:33:52.060Z",
   "totalUpdated": 0
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depup/lottie-react",
-  "version": "3.1.0-depup.0",
+  "version": "3.1.1-depup.0",
   "description": "Lottie animations in React: one component for the easy path, the whole engine when you need control. (with updated dependencies)",
   "keywords": [
     "lottie-react",
@@ -174,8 +174,8 @@
     "changes": {},
     "depsUpdated": 0,
     "originalPackage": "lottie-react",
-    "originalVersion": "3.1.0",
-    "processedAt": "2026-08-17T00:14:54.679Z",
+    "originalVersion": "3.1.1",
+    "processedAt": "2026-08-27T19:34:01.227Z",
     "smokeTest": "passed"
   }
 }