use-revalidator-hack.ts

import { useFetcher } from "@remix-run/react";
import { useCallback, useMemo } from "react";

export function useRevalidator() {
  let fetcher = useFetcher();

  let revalidate = useCallback(
    () => {
      fetcher.submit(null, { action: "/", method: "post" });
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [],
  );

  return useMemo(() => ({ revalidate }), [revalidate]);
}

/////////////////////
// in root.tsx
export function action() {
  return { ok: true };
}