Working with multiple references on React - Typescript

typescript-merge-refs.ts

import React from 'react';

type Mutable<T> = {
  -readonly [k in keyof T]: T[k];
};

const mergeRefs = <T>(...refs: React.Ref<T>[]) => (value: T): void => {
  for (let i = 0; i < refs.length; i += 1) {
    const ref = refs[i];

    if (typeof ref === 'function') {
      ref(value);
    } else if (ref) {
      (ref as Mutable<React.RefObject<T>>).current = value;
    }
  }
};

export default mergeRefs;