Composition

import { composeRefs } from "@/lib/compose-refs"
 
function MyComponent() {
  const localRef = useRef(null)
  const forwardedRef = useForwardedRef()
  
  return <div ref={composeRefs(localRef, forwardedRef)} />
}

import { useComposedRefs } from "@/lib/compose-refs"
 
function MyComponent({ ref }: { ref: React.Ref<HTMLDivElement> }) {
  const localRef = useRef(null)
  const composedRef = useComposedRefs(ref, localRef)
  
  return <div ref={composedRef} />
}