Utility

useMergedRefs

Merge multiple refs into a single ref callback for component composition.

import { useMergedRefs } from "saha-ui"

Uses

Combine multiple refs (callback or mutable) into a single callback ref. Useful when forwarding refs while using an internal ref.

Props

NameTypeDescriptionDefault
...refsArray<React.Ref<any>>Variable number of refs to merge.-

Returns

NameDescription
mergedRefCallback ref to attach to an element; updates all provided refs.

Example

const merged = useMergedRefs(forwardedRef, internalRef);
return <div ref={merged}>...</div>;

Notes

Implements the common pattern for composite components that need to share refs.
Saha UI - The Modern React Component Library