"use client"
 
import * as React from "react"
 
import { useRandomInterval } from "@/hooks/use-random-interval"
 
export function Component() {
  const [frame, setFrame] = React.useState(0)
 
  const clear = useRandomInterval(() => setFrame((prev) => prev + 1), {
    minDelay: 100,
    maxDelay: 1000,
  })
 
  return (
    <div>
      <p>Animation Frame: {frame}</p>
      <button onClick={clear}>Stop Animation</button>
    </div>
  )
}