Ошибка «Google Maps JavaScript API несколько раз» при использовании реакции- google-maps с реакцией-автозаполнением

Question

Я использую реагировать google-maps, для которого требуется компонент googleMapURL для его компонента (который объявляет Google Maps JavaScript API) и реагировать-автозаполнение , для которого требуется скрипт с Google Maps js API тоже.

Когда я делаю оба, я получаю сообщение об ошибке «Вы включили Google Maps JavaScript API несколько раз на этой странице. Это может привести к непредвиденным ошибкам».

Я не могу не объявить опцию реагирования, иначе компонент не будет работать, и если я не объявлю скрипт в индексе. html не реагирует автозаполнение реакции.

Как я не могу получить эту ошибку при использовании обеих этих библиотек?

Я объявляю этот скрипт по индексу. html в папке publi c в проекте create-Reaction-app <script type="text/javascript"src="https://maps.googleapis.com/maps/api/js?key=MY_KEY_HERE&libraries=places"></script>

и компонент, который также объявляет API карт Google, является следующим

<WrappedMap
   googleMapURL={`https://maps.googleapis.com/maps/api/js?key=${googleMapAPIKey}&v=3.exp&libraries=geometry,drawing,places`}
   loadingElement={<div className={styles.map} />}
   containerElement={<div className={styles.map} />}
   mapElement={<div className={styles.map} />}
/>

Answer 1

Спросив на канале YouTube Ли Ли Холлидея, я получил ответ. Вы можете использовать response- google-maps с высокоуровневым компонентом под названием GoogleMap, который выглядит так, как будто предполагается, что на вашем сайте уже установлен скрипт Google Maps. https://tomchentw.github.io/react-google-maps/#withgooglemap