react-native-a11y/src/hooks/useCombinedRef/useCombinedRef.ts

Improvements of a11y for ReactNative, this library improve work with reader and keyboard focus and reader in general.

import { useMemo, Ref, RefObject, RefCallback, useRef } from "react";
import { combineRefs } from "../../utils";

export const useCombinedRef = <T>(
  ...refs: Ref<T>[]
): [ref: RefObject<T>, initRefCallback: RefCallback<T>] => {
  const targetRef = useRef<T>(null);
  const refCallback = useMemo(() => {
    return combineRefs(targetRef, ...refs);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  return [targetRef, refCallback];
};