Включить скрипт Google Maps, когда компонент монтируется в React

Question

Я использую React-geosuggest библиотеку в своем приложении, и для этого требуется, чтобы я включил теги сценариев карт Google в html-страницу своего приложения.Однако я не хочу этого, потому что хочу, чтобы скрипт включался только при монтировании компонента.

Я пытался создать скрипт в функции componentDidMount, но безуспешно.

componentDidMount() {
    const script = document.createElement('script');

    script.src =
      'https://maps.googleapis.com/maps/api/js?key=AIzaSyAwyph7a_yiJUZZeR4XZy2gwFSUEDCDYY8&libraries=places';
    script.async = true;

    document.body.appendChild(script);
  }

Когда я пытаюсь использовать его в компоненте, приложение жалуется, что google is not defined.

<Geosuggest
        onFocus={this.onFocus}
        onBlur={this.onBlur}
        onChange={this.onChange}
        onSuggestSelect={this.onSuggestSelect}
        onSuggestNoResults={this.onSuggestNoResults}
        location={new google.maps.LatLng(53.558572, 9.9278215)}
        radius={20}
/>

Есть ли способ включить скрипт google maps, когда компонент монтируется, а не включается в index.html.

Спасибо.