@react-hookz/web/dist/useDebouncedState/index.js

React hooks done right, for browser and SSR.

import { useState } from 'react';
import { useDebouncedCallback } from '../useDebouncedCallback/index.js';
/**
 * Like `useState` but its state setter is debounced.
 *
 * @param initialState Initial state to pass to underlying `useState`.
 * @param delay Debounce delay.
 * @param maxWait Maximum amount of milliseconds that function can be delayed
 * before it's force execution. 0 means no max wait.
 */
export function useDebouncedState(initialState, delay, maxWait = 0) {
    const [state, setState] = useState(initialState);
    return [state, useDebouncedCallback(setState, [], delay, maxWait)];
}