npm i @react-hook/merged-ref
A React hook for merging multiple refs into one ref
import React from 'react'
import useMergedRef from '@react-hook/merged-ref'
const Component = React.forwardRef((props, ref) => {
const otherRef = React.useRef(null)
const multiRef = useMergedRef(ref, otherRef)
return <div ref={multiRef} />
})function useMergedRef<T>(...refs: React.Ref<T>[]): React.RefCallback<T>| Argument | Description |
|---|---|
| refs | React callback refs or refs created with useRef(), createRef() |
Returns a callback ref
MIT