antd/es/form/hooks/useDebounce.js

An enterprise-class UI design language and React components implementation

import * as React from 'react';
import { useDelayState } from '@rc-component/util';
export default function useDebounce(value) {
  const [cacheValue, setCacheValue] = useDelayState(value);
  React.useEffect(() => {
    setCacheValue(value, {
      ms: value.length ? 0 : 10
    });
  }, [value]);
  return cacheValue;
}