Autocomplete panel not close on clicking outside in react 18 about autocomplete HOT 5 CLOSED

const onInputBlur = useCallback(() => {
    setAutocompleteState((curr) => ({ ...curr, isOpen: false }));
}, []);

var inputElements = document.getElementsByClassName('aa-Input');
    if(inputElements){
    for (var i = 0; i < inputElements.length; i++) {
      var inputElement = inputElements[i];
  
      inputElement.addEventListener('blur', function(event) {
          search.setIsOpen(false)
      });
  }