"use client"
 
import { useSessionStorage } from "@/hooks/use-session-storage"
 
export function Component() {
  const [count, setCount] = useSessionStorage("count", 0)
 
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount((c) => c + 1)}>Increment</button>
      <button onClick={() => setCount(0)}>Reset</button>
    </div>
  )
}

interface UserSettings {
  theme: "light" | "dark"
  notifications: boolean
}
 
const [settings, setSettings] = useSessionStorage<UserSettings>(
  "user-settings",
  { theme: "light", notifications: true }
)

const [authToken, setAuthToken] = useSessionStorage<string>("auth-token", () =>
  window.crypto.randomUUID()
)