Gives you a func that you can call once. It is for React.

useCallbackOnce.ts

import {DependencyList, useCallback, useRef} from "react";

interface AnyFn<ReturnType> {
  (...args: any[]): ReturnType;
}

/** Gives you a func that you can call once.
 *
 * It will store the return value of the original call, and return that for subsequent calls.
 * This is true even when the deps change.
 */
export function useCallbackOnce<RT>(cb: AnyFn<RT>, deps: DependencyList): AnyFn<RT> {
  let isCalled = useRef(false);
  let content = useRef<RT>();

  return useCallback(
    ((...args: any[]) => {
      if (!isCalled.current) {
        isCalled.current = true;
        content.current = cb(...args);
      }
      return content.current;
    }) as AnyFn<RT>,
    deps
  );
}