RSC - Polling

rsc-polling-wrapper.tsx

import { RSCPolling } from "./rsc-polling";

export const DataFetcher = async () => {
  const { status, data } = await getData();

  if (status === "processing") {
    return <RSCPolling interval={1000} />;
  }

  return <DataViewer data={data} />;
};

rsc-polling.tsx

"use client";

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

export const RSCPolling = ({ interval }: { interval: number }) => {
  const router = useRouter();

  useEffect(() => {
    const ref = setInterval(() => {
      router.refresh();
    }, interval);

    return () => {
      clearInterval(ref);
    };
  }, []);

  return null;
};