"use client";

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

export function CommissionLiveRefresh({ endpoint }: { endpoint: string }) {
  const router = useRouter();
  useEffect(() => {
    const source = new EventSource(endpoint);
    const refresh = () => router.refresh();
    source.addEventListener("changed", refresh);
    source.addEventListener("open", refresh);
    return () => { source.removeEventListener("changed", refresh); source.removeEventListener("open", refresh); source.close(); };
  }, [endpoint, router]);
  return null;
}