React Utils

useMergeRefs()

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

import {useMergeRefs} from '@floating-ui/react';
 
function App() {
  const ref = useMergeRefs([ref1, ref2, ref3]);
  return <div ref={ref} />;
}

useId()

Uses React 18’s built-in useId() when available, or falls back to a slightly less performant (requiring a double render) implementation for earlier React versions.

import {useId} from '@floating-ui/react';
 
function App() {
  const id = useId();
}