UsePrevious

guarahooks/use-previous

FreeHook

Tracks the previous value of a state.

Live preview

live · rendered by the registry

Rendered by guarahooks on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://guarahooks.com/r/use-previous.json

Source

registry/hooks/use-previous.tsxguarahooks.com/r/use-previous.json

1'use client';
2 
3import { useEffect, useRef } from 'react';
4 
5export function usePrevious<T>(value: T): T | undefined {
6  const ref = useRef<T>(value);
7 
8  useEffect(() => {
9    ref.current = value;
10  }, [value]);
11 
12  return ref.current;
13}

Files it writes

registry/hooks/use-previous.tsx

More from guarahooks

All 100 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
UseAbortControlleruse-abort-controller	guarahooks	Hooks	Free	no deps
UseArrayStateuse-array-state	guarahooks	Hooks	Free	no deps
UseAxiosuse-axios	guarahooks	Hooks	Free	no deps
UseBatteryStatususe-battery-status	guarahooks	Hooks	Free	no deps
UseBetterAuthuse-better-auth	guarahooks	Hooks	Free	no deps
UseClickOutsideuse-click-outside	guarahooks	Hooks	Free	no deps
UseConfirmuse-confirm	guarahooks	Hooks	Free	no deps
UseCookieuse-cookie	guarahooks	Hooks	Free	no deps