Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 2x 6x 2x 6x 4x 4x 2x 2x 1x 1x 1x | import { useCallback, type Ref, type RefCallback } from 'react';
/**
* Merge a list of refs into a callback ref.
*
* @param refs - Refs to merge.
* @returns A callback ref to pass to the element.
*/
export const useMergedRef = <TRef = unknown>(...refs: Ref<TRef>[]): RefCallback<TRef> =>
useCallback(
(node: TRef | null) => {
refs.forEach((ref) => {
if (typeof ref === 'function') {
ref(node);
} else if (typeof ref === 'object' && ref !== null && 'current' in ref) {
ref.current = node;
}
});
},
// eslint-disable-next-line react-hooks/exhaustive-deps -- Array must be static.
refs,
);
|