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
| Name | Type | Description | Default |
|---|---|---|---|
| ...refs | Array<React.Ref<any>> | Variable number of refs to merge. | - |
Returns
| Name | Description |
|---|---|
| mergedRef | Callback 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.