usePrevious

Track the previous value of a variable.

State

API Reference

terminal

pnpm add @shak-hooks/usehooks

import.ts

import { usePrevious } from "@shak-hooks/usehooks";

Source: packages/react/src/usePrevious.ts

signature.ts

export function usePrevious<T>(value: T): T | undefined

Name	Type	Optional	Default
value	T	No	-

T | undefined

use-previous.ts

1import { useEffect, useRef } from "react";

3export function usePrevious<T>(value: T): T | undefined {

4 const ref = useRef<T>();

6 useEffect(() => {

7 ref.current = value;

8 }, [value]);

10 return ref.current;

11}

Google Ads

example.tsx

1import { usePrevious } from "@shak-hooks/usehooks";

3const result = usePrevious(undefined);

4// result: T | undefined

5// Use values directly (React state).