"use client"

import { useRouter } from "next/navigation"
import { useEffect } from "react"

export default function AutoRefresh({ interval = 10000 }: { interval?: number }) {
  const router = useRouter()

  useEffect(() => {
    // Automatically poll the server for updates without reloading the page
    // This preserves client state (like open activities) while getting fresh data!
    const timer = setInterval(() => {
      router.refresh()
    }, interval)

    return () => clearInterval(timer)
  }, [router, interval])

  return null
}