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();
}