usePrevious hook

Access the previous value of a prop or state in React. Useful for comparisons and animations.

import { useEffect, useRef } from 'react';

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

How to use

Paste into your project.

Call usePrevious(someValue) to get the value from the previous render. First render returns undefined.

const prevCount = usePrevious(count);