您已在此页面上多次包含Google Maps JavaScript API

我该如何避免“您已在此页面上多次包含Google Maps JavaScript API。这可能会导致意外错误。” 如果我正在使用google-map-react来显示地图并在另一个组件中进行react-places-autocomplete以获取地址和坐标？

//LocationMapPage  component that displays the map box and pass the props to it
class LocationMapPage extends Component {

  render() {
    let {latLng,name,address} = this.props.location;
    return (
        <MapBox lat={latLng.lat} lng={latLng.lng} name={name} address={address}/>
    )
  }

}

//MapBox component
import React from "react";
import GoogleMapReact from 'google-map-react';
import apiKey from "../../configureMap";


const Marker = () => <i className="fa fa-map-marker fa-2x text-danger" />

const MapBox = ({lat,lng, name, address}) => {
    const center = [lat,lng];
    const zoom = 14;
    return (  
        <div style={{ height: '300px', width: '100%' }}>
            <GoogleMapReact
            bootstrapURLKeys={{ key: apiKey }}
            defaultCenter={center}
            defaultZoom={zoom}
            >
            <Marker
                lat={lat}
                lng={lng}
                text={`${name}, ${address}`}
            />
            </GoogleMapReact>
      </div>
    );
}

export default MapBox; 

地图为空白：控制台中的错误：您已在此页面上多次包含Google Maps JavaScript API。这可能会导致意外错误。

怎么解决？

我在项目中使用google-map-react，react-places-autocomplete。