usePrevious React hook in Typescript

usePrevious.ts

import { useEffect, useRef } from 'react';

function usePrevious<T>(value: T): T | undefined {
  const ref = useRef<T>();
  useEffect(() => {
    ref.current = value;
  }, [value]);
  return ref.current;
}

export default usePrevious;

I searched for "usePrevious react typescript" and this just saved me some headaches. Thanks!

I searched for "usePrevious react typescript" and this just saved me some headaches. Thanks!

Thank you for using my code. However, I suggest you use the revised version just updated a moment ago. I replaced the return type T with T | undefined. Because usePrevious() function will return undefined when the first time to use it.

Nice! Thank you so much!