Debounce functionality for auto suggestion while typing

Debounce.js

// function called when debounce executes
// Usually this is where you call you external api
const onDebounce = () => {
  console.log('calling api....');
};

// Function  that handles on change for your iinput
const onValueChanged = (e) => {
  console.log('changing state....');
  setState(e.target.value);
};

// function handles delay in execution for your other function debounce
const debounce = (func) => {
  let timer;
  return function (...args) {
    const context = this;
    if (timer) clearTimeout(timer);
    timer = setTimeout(() => {
      timer = null;
      func.apply(context, args);
    }, 3000);
  };
};

// Function that is called by input onChange Handler
const debounceHandler = React.useCallback(debounce(onDebounce), [<inputValue>]);