React hook that merges react refs into a single memoized function.

---
title: useMergeRefs
package: '@dwarvesf/react-hooks'
description:
  'React hook that merges react refs into a single memoized function.'
---

`useMergeRefs` is a custom hook used to merge several react refs into a single
one.

## Import

```js
import { useMergeRefs } from '@dwarvesf/react-hooks'
```

## Return value

The `useMergeRefs` hook returns a function that receives the element and assign
the value to the given React refs.

## Usage

```jsx
function Example({ ref, ...props }) {
  const internalRef = React.useRef()
  const refs = useMergeRefs(internalRef, ref)

  return (
    <div {...props} ref={refs}>
      A div with multiple refs.
    </div>
  )
}
```


useMergeRefs

Import#

Return value#

Usage#