Async load script in component about use-places-autocomplete HOT 3 CLOSED

const {
    ready,
    value,
    suggestions: { status, data },
    setValue,
    clearSuggestions
  } = usePlacesAutocomplete({
    //requestOptions: { /* Define search scope here */ },
    callbackName: 'initMap',
    debounce: 300
  });

  useEffect(()=> {
    const createScriptLoadMap = () => {      
      var index = window.document.getElementsByTagName("script")[0];
      var script = window.document.createElement("script");
      script.src =
        "https://maps.googleapis.com/maps/api/js?key=xxxxxx&libraries=places&callback=initMap"; // 
      script.async = true;      
      script.defer = true;
      index.parentNode.insertBefore(script, index);        
    };
    createScriptLoadMap();
  },[])