Skip to content

usePrevious

Hook for storing previous state/props value

Recommended usage with primitives

Import

import usePrevious from '@empeek-rnd-ui/hooks/src/usePrevious';

Usage

//in your component
const SomeComponent = () => {
  const [value, setValue] = useState('SomeValue');
  const prevValue = usePrevious(value);
  
  useEffect(() => {
    setTimeout(() => setValue('Next value'), 3000);
  }, [])

  return (
    <div>
      <h4>Previous value is - &quot;{prevValue}&quot;</h4>
      <h4>Current value is - &quot;{value}&quot;</h4>
    </div>
  );
}

Example

Previous value is - ""

Current value is - "SomeValue"