"use client"
 
import * as React from "react"
 
import { useCallbackRef } from "@/hooks/use-callback-ref"
 
export function Component() {
  const handleClick = useCallbackRef((event: React.MouseEvent) => {
    console.log("Button clicked!", event)
  })
 
  return <button onClick={handleClick}>Click Me</button>
}