import React, { useMemo } from "react";
import { mergeRefs } from "@reins/utils";

/**
 *
 * @kind 07-Misc
 */
export function useMergeRefs<T>(
  ...refs: Array<React.MutableRefObject<T> | React.ForwardedRef<T> | React.LegacyRef<T> | null | undefined>
): React.RefCallback<T> {
  return useMemo(() => {
    if (refs.every((ref) => ref === null)) {
      return () => {};
    }

    return mergeRefs(...refs);
  }, [refs]);
}