"use client"
 
import { useSafeState } from "@/hooks/use-safe-state"
 
export function Component() {
  const [state, setState] = useSafeState<string>("Initial Value")
 
  return (
    <div style={{ padding: "20px", maxWidth: "600px", margin: "0 auto" }}>
      <p>Current State: {state}</p>
      <button onClick={() => setState("Updated Value")}>Update State</button>
    </div>
  )
}