Stateful state hook that may reset itself given outside conditions

gistfile1.txt

/**
 * @param callback Important: A *Memomized* callback reference (eg. via `useCallback()`) or a *Permanent* function
 * to process/return a given lazy initialized state!
 * State will re-update on next frame via useEffect if callback method supplied is different from previous case,
 * but on subsequent renders only.
 * @returns The state payload consisting of [state, setState]
 */
export function useStateByCallback<T>(callback: () => T) {
  const payload = useState(callback);
  const [, setVal] = payload;
  const ref = useRef(false);
  useEffect(() => {
    if (ref.current) setVal(callback);
    else ref.current = true;
  }, [setVal, callback]);
  return payload;
}