useDebouncedValue

useDebouncedValue<T>(value, delay): T

Defined in: src/hooks/useDebounced/useDebouncedValue.ts:27

Returns a copy of value that updates only after delay ms have elapsed without further changes (trailing-edge debounce).

Deprecated

Prefer React’s useDeferredValue for the common case — keeping an input responsive while an expensive derivation (filtering, search) lags behind it. It needs no fixed delay, integrates with concurrent rendering, and gives better interactivity on large lists. Reach for useDebouncedCallback when you need to debounce a side effect (a network request, an analytics ping) rather than a rendered value. This hook stays exported for now but will not see further work.

Type Parameters

T

T

Parameters

value

T

delay

number

Returns

T

Example

// Preferred: defer the value that drives the expensive derivation.
const deferredQuery = useDeferredValue(query);
const results = useMemo(
  () => filter(items, deferredQuery),
  [items, deferredQuery]
);