usePrevious

The usePrevious hook helps you to keep a reference of the previous state value.

The Syntax

const previous = usePrevious(state);

Argument

Argument	Type	Explanation
state	any	If you want to keep track of the previous state like a count state, then pass it as an argument to usePrevious.

The API

State	Type	Explanation
previous	any	If the state passed to usePrevious was updated from 4 to 5, then the previous value is 4.

Example

CodeSandbox

src/Counter.js

import { usePrevious } from "kantan-hooks";
const Counter = () => {  const [count, setCount] = useState(0);  //basic previous usage  const previous = usePrevious(count);  return (    <>      <h1>        Current {count} / previous {previous}      </h1>      <button onClick={() => setCount(c => c + 1)}>+</button>    </>  );};