@mantine/hooks/esm/use-debounced-state/use-debounced-state.mjs

A collection of 50+ hooks for state and UI management

'use client';
import { useState, useRef, useEffect, useCallback } from 'react';

function useDebouncedState(defaultValue, wait, options = { leading: false }) {
  const [value, setValue] = useState(defaultValue);
  const timeoutRef = useRef(null);
  const leadingRef = useRef(true);
  const clearTimeout = () => window.clearTimeout(timeoutRef.current);
  useEffect(() => clearTimeout, []);
  const debouncedSetValue = useCallback(
    (newValue) => {
      clearTimeout();
      if (leadingRef.current && options.leading) {
        setValue(newValue);
      } else {
        timeoutRef.current = window.setTimeout(() => {
          leadingRef.current = true;
          setValue(newValue);
        }, wait);
      }
      leadingRef.current = false;
    },
    [options.leading]
  );
  return [value, debouncedSetValue];
}

export { useDebouncedState };
//# sourceMappingURL=use-debounced-state.mjs.map