feat(react): mergeRefs/useMergeRefs now supports destructors (#229)

Destructors for ref-functions added in React 19

Author: krutoo

package-lock.json

@@ -62,8 +62,8 @@
     "@testing-library/react": "^16.1.0",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/node": "^24.2.1",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "better-commits": "^1.17.0",
     "eslint": "^9.35.0",
     "eslint-plugin-jsdoc": "^54.0.0",

package.json

@@ -10,12 +10,26 @@ export function mergeRefs<T>(
   list: Array<Ref<T> | RefObject<T> | RefCallback<T> | null | undefined>,
 ): Ref<T> {
   return (value: T) => {
+    const destructors: VoidFunction[] = [];
+
     for (const ref of list) {
       if (typeof ref === 'function') {
-        ref(value);
+        const destructor = ref(value);
+
+        if (destructor) {
+          destructors.push(destructor);
+        }
       } else if (ref) {
         ref.current = value;
       }
     }
+
+    if (destructors.length > 0) {
+      return () => {
+        for (const destructor of destructors) {
+          destructor();
+        }
+      };
+    }
   };
 }