qol-hooks/dist/esm/usePrevious.js

A collection of React hooks to improve the quality of life of developers.

import { useRef, useEffect } from "react";
/**
 * @description A hook to get the previous value of a variable
 * @param {any} value The value to get the previous value of
 * @returns {any} The previous value of the variable
 *
 * @example```tsx
 * const [value, setValue] = useState(0);
 * const previousValue = usePrevious(value);
 * setValue(1);
 * console.log(previousValue); // 0
 * ```
 */
function usePrevious(value) {
    const ref = useRef();
    useEffect(() => {
        ref.current = value;
    }, [value]);
    return ref.current;
}
export default usePrevious;