"use client"
 
import { useUncontrolledState } from "@/hooks/use-uncontrolled-state"
 
export function Component() {
  const [value, setValue] = useUncontrolledState({
    defaultProp: "Initial text",
    onChange: (newValue) => console.log("Value changed:", newValue),
  })
 
  return (
    <input
      type="text"
      value={value ?? ""}
      onChange={(e) => setValue(e.target.value)}
      placeholder="Type here..."
    />
  )
}