@szhsin/react-menu/dist/esm/hooks/useCombinedRef.mjs

React component for building accessible menu, dropdown, submenu, context menu, and more

import { useMemo } from 'react';

function setRef(ref, instance) {
  typeof ref === 'function' ? ref(instance) : ref.current = instance;
}
const useCombinedRef = (refA, refB) => useMemo(() => {
  if (!refA) return refB;
  if (!refB) return refA;
  return instance => {
    setRef(refA, instance);
    setRef(refB, instance);
  };
}, [refA, refB]);

export { useCombinedRef };