@reactutils/use-previous

usePrevious

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

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>
  );
}