import * as React from "react"
 
import { useMergeRefs } from "@/hooks/use-merge-refs"
 
export function Component() {
  const ref1 = useRef<HTMLDivElement>(null)
  const ref2 = useRef<HTMLDivElement>(null)
 
  const mergedRef = useMergeRefs(ref1, ref2, (el) => {
    if (el) {
      console.log("Callback ref triggered with:", el)
    }
  })
 
  return <div ref={mergedRef}>Merged Refs Div</div>
}