React: custom hooks of caching previous value

usePrevious.ts

import { useEffect, useRef } from "react";

/**
 * cache previous value
 *
 * ex)
 * const [value, setValue] = useState<number>(0);
 * const previewState = usePrevious(value);
 *
 * @export
 * @template T
 * @param {T} value
 * @returns
 */
export default function usePrevious<T>(value: T) {
  const ref = useRef<T>();
  useEffect(() => {
    ref.current = value;
  }, [value]);
  return ref.current;
}