Skip to content

useMergeRefs

Merges an array of refs, returning a memoized callback ref or nullnull.

import {useMergeRefs} from '@floating-ui/react';
import {useMergeRefs} from '@floating-ui/react';

Usage

This hook is a utility hook.

function App() {
  const ref = useMergeRefs([ref1, ref2, ref3]);
  return <div ref={ref} />;
}
function App() {
  const ref = useMergeRefs([ref1, ref2, ref3]);
  return <div ref={ref} />;
}