"use client"
 
import { useMemoizedFn } from "@/hooks/use-memoized-fn"
 
export function Component() {
  const memoizedFn = useMemoizedFn((arg: string) => {
    console.log("Function called with argument:", arg)
    return `Hello, ${arg}!`
  })
 
  return (
    <div style={{ padding: "20px", maxWidth: "600px", margin: "0 auto" }}>
      <button onClick={() => memoizedFn("World")}>
        Call Memoized Function
      </button>
    </div>
  )
}