"use client"
 
import * as React from "react"
 
import { useContinuousRetry } from "@/hooks/use-continuous-retry"
 
export function Component() {
  const [connectionAttempts, setAttempts] = React.useState(0)
 
  const isConnected = useContinuousRetry(
    async () => {
      const success = await checkConnection()
      setAttempts((prev) => prev + 1)
      return success
    },
    1000,
    { maxRetries: 5 }
  )
 
  return (
    <div>
      <p>Connection status: {isConnected ? "Connected" : "Retrying..."}</p>
      <p>Attempts made: {connectionAttempts}</p>
    </div>
  )
}