Archived

This repository has been archived on 2026-07-15. You can view files and clone it, but you cannot make any changes to it's state, such as pushing and creating new issues, pull requests or comments.

Elijah 267d429122

Automated Container Build / build-and-push (push) Failing after 8s

Details

Numerous Bug Fixes

2026-05-22 15:50:45 -07:00

1.3 KiB

Raw Blame History

Merge-Refs

A function that merges React refs into one. Filters out invalid (eg. falsy) refs as well and returns original ref if only one valid ref was given.

tl;dr

Install by executing npm install merge-refs or yarn add merge-refs.
Import by adding import mergeRefs from 'merge-refs'.
Use it in ref like so: <div ref={mergeRefs(ref, someOtherRef)} />

Accepted refs

Refs created using createRef()
Refs created using useRef()
Functional refs

Example

function Hello() {
  const ref1 = useRef<HTMLDivElement>(); // I'm going to be updated!
  const ref2 = (element: HTMLDivElement) => {
    // I'm going to be called!
  };

  return <div ref={mergeRefs(ref1, ref2)} />;
}

License

The MIT License.

Author

Wojciech Maj

1.3 KiB Raw Blame History