Debounce vs useDeferredValue

Both are tools to prevent laggy input UI, but they solve different problems.

🕒 Debounce

Waits a few milliseconds after the user stops typing before triggering logic (good for search).

const debounced = useDebounce(query, 300);

🌀 useDeferredValue

Allows input to stay responsive while deferring rendering of heavy updates.

const deferredQuery = useDeferredValue(query);

Use both together when needed.