readme.md

@reactutils/use-previous

A custom hook that uses the useRef hook internally for storing the previous value.

Installation

npm install @reactutils/use-previous

# or

yarn add @reactutils/use-previous

Usage

import usePrevious from '@reactutils/use-previous';

function App() {
  // State value and setter for our example
  const [count, setCount] = useState<number>(0);

  // Get the previous value (was passed into hook on last render)
  const prevCount: number = usePrevious<number>(count);
  
  // Display both current and previous count value
  return (
    <div>
      <h1>
        Now: {count}, before: {prevCount}
      </h1>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}