Move useCombinedRefs hook to 'hooks' file and fix import

Author: Inbal-Tish

src/commons/useCombinedRefs.ts

@@ -1,4 +1,4 @@
-import {useEffect, useRef, DependencyList} from 'react';
+import React, {useEffect, useRef, DependencyList} from 'react';
 
 /**
  * This hook avoid calling useEffect on the initial value of his dependency array
@@ -14,3 +14,24 @@ export const useDidUpdate = (callback: () => void, dep: DependencyList) => {
     }
   }, dep);
 };
+
+export const useCombinedRefs = (...refs: React.Ref<any>[]) => {
+  const targetRef = React.useRef();
+
+  React.useEffect(() => {
+    refs.forEach(ref => {
+      if (!ref) {
+        return;
+      }
+
+      if (typeof ref === 'function') {
+        ref(targetRef.current);
+      } else {
+        // @ts-expect-error
+        ref.current = targetRef.current;
+      }
+    });
+  }, [refs]);
+
+  return targetRef;
+};

src/hooks.ts

@@ -7,7 +7,7 @@ import {ScrollViewProps} from 'react-native';
 import {DataProvider, LayoutProvider, RecyclerListView, RecyclerListViewProps} from 'recyclerlistview';
 
 import constants from '../commons/constants';
-import useCombinedRefs from '../commons/useCombinedRefs';
+import {useCombinedRefs} from '../hooks';
 
 const dataProviderMaker = (items: string[]) => new DataProvider((item1, item2) => item1 !== item2).cloneWithRows(items);