OwlCyberSecurity - MANAGER

Edit File: Host.js

import {useRef, useEffect, memo} from "@wordpress/element";
import useFields from "../FieldsData";
import AutoCompleteControl from "../AutoComplete/AutoCompleteControl";
import useHostData from "./HostData";
import {__} from "@wordpress/i18n";

useEffect ( () => {
        if ( !hostsLoaded ) {
            fetchHosts();
        }
    }, []);
    const onChangeHandler = async (fieldValue) => {
        //force update, and get new fields.
        handleNextButtonDisabled(true);
        if (showDisabledWhenSaving) {
            disabled.current = true;
        }
        updateField(field.id, fieldValue);
        setChangedField(field.id, fieldValue);

await saveFields(true, false);

handleNextButtonDisabled(false);
        disabled.current = false;
    }

return (
          <AutoCompleteControl
              className="rsssl-select"
              field={field}
              label={ field.label }
              onChange={ ( fieldValue ) => onChangeHandler(fieldValue) }
              value= { field.value }
              options={ options }
              disabled={disabled.current}
          />
    )
}
export default memo(Host);