So, forgetting Redux for just a moment, I have a simple Map component that references google-maps-react. how can I get google-maps-react into my control?

This is My Control

<!-- only include REACT JS once per page - use the bundle 'pzpega_ui_react_dev' for development and 'pzpega_ui_react' for production -->
<pega:onlyonce name="pega_ui_react">
<pega:static type="script" app="webwb">
  <pega:bundle name="pzpega_ui_react" />
</pega:static>
</pega:onlyonce>

<!-- only include this component once per page -->
<pega:onlyonce name="Map">
<pega:static type="script" app="webwb">
   <pega:bundle name="map_bundle"/>
</pega:static>
</pega:onlyonce> 
 

<div id='root'></div>
<script>
/* This control is not built to be dropped multiple times on the same harness - if you need a control that can be dropped anywhere, review the clock component */  
ReactDOM.render(React.createElement(Map), document.getElementById("root"));
  

</script>

this is my component:

import React from 'react';
//this is the line I am not sure how to implement
import { Map, InfoWindow, Marker, GoogleApiWrapper, Polyline } from 'google-maps-react';


class MapContainer extends React.Component {
  constructor() {
    super();

  }
  static defaultProps = {
    center: {
      lat: 59.95,
      lng: 30.33
    },
    zoom: 11
  };
  render() {
    const triangleCoords = [
      { lat: 25.774, lng: -80.190 },
      { lat: 18.466, lng: -66.118 },
      { lat: 32.321, lng: -64.757 },
      { lat: 25.774, lng: -80.190 }
    ];
    const triangleCoords2 = [
      { lat: 24, lng: -81 },
      { lat: 17, lng: -67 },
      { lat: 37, lng: -67 },
      { lat: 27, lng: -81 }
    ];

    return (
      <Map google={this.props.google}
        style={{ width: '100%', height: '100%', position: 'relative' }}
        className={'map'}
        zoom={14}>
        <Polyline
          path={triangleCoords}
          strokeColor="#0000FF"
          strokeOpacity={0.8}
          strokeWeight={2} />
        <Polyline
          path={triangleCoords2}
          strokeColor="#FF0000"
          strokeOpacity={0.8}
          strokeWeight={2} />
      </Map>
    )
  }
}

export default GoogleApiWrapper({
  apiKey: ('AIzaSyBb8t1KDn4wc3GOwS8ipdcvtkPrHIYXT7s')
})(MapContainer)

In a normal React application i would import the node module "google-maps-react". But I am not sure how to add this module to a React component in Pega. 

Regards,

Leigh