"use client"
 
import { useRenderDebugger } from "@/hooks/use-render-debugger"
 
export function Component() {
  const [count, setCount] = useState(0)
 
  useRenderDebugger({
    componentName: "Component",
    props: { count },
    options: {
      trackOnly: ["count"],
    },
  })
 
  return (
    <Button
      onClick={() => {
        setCount((prev) => prev + 1)
      }}
    >
      Count: {count}
    </Button>
  )
}