useCallOnce.ts

import { useEffect, useRef } from "react";

export function useCallOnce(fn: () => void) {
  const isCalledRef = useRef(false);
  useEffect(() => {
    if (isCalledRef.current) return;
    isCalledRef.current = true;
    fn();
  }, []); // eslint-disable-line react-hooks/exhaustive-deps
}