How to add debounce in AutoComplete

[Risyandi]

how to add debounce at best places (onload, onPlaceChanged, or etc) in Autocomplete using this function for example debounce.

function debounce(func, timeout = 300) {
  let timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, args);
    }, timeout);
  };
}

Environment

os: windows

react version : 16.13.1

@react-google-maps/api version : 1.8.9

[JustFly1984]

you should wrap the function you pass into useCallback hook.

{
const debouncedOnClick = useCallback(
  debounce(() => { 
    /* your code goes here */ 
  }, 400), 
  [/* do not forget to set dependencies for your code*/]
)

...
}

[Risyandi]

Hi, @JustFly1984 Thank you for your response, I will try the solution. hopefully will be working fine.