title: Getting an error of: 'google' is not defined while building Google Maps infobox using React
body: <p>In the code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const MapWithInfo = compose(
    withProps({
      googleMapURL: "https://maps.googleapis.com/maps/api/js?key=AIzaSyC4R6AN7SmujjPUIGKdyao2Kqitzr1kiRg&amp;v=3.exp&amp;libraries=geometry,drawing,places",
      loadingElement: &lt;div style={{ height: `100%` }} /&gt;,
  
     containerElement: &lt;div style={{ height: `400px` }} /&gt;,
      mapElement: &lt;div style={{ height: `100%` }} /&gt;,
      center: {lat: 41.9, lng: -87.624,}
    }),
    withScriptJS
    withGoogleMap
  )(props =&gt;
    &lt;GoogleMap
      defaultZoom={15}
      defaultCenter={props.center}
    &gt;
      &lt;InfoBox
        defaultPosition={new google.maps.LatLng(props.center.lat, props.center.lng)}
        options={{ closeBoxURL: ``, enableEventPropagation: true }}
      &gt;
        &lt;div style={{ backgroundColor: `yellow`, opacity: 0.75, padding: `12px` }}&gt;
          &lt;div style={{ fontSize: `16px`, fontColor: `#08233B` }}&gt;
            Hello from Taipei
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/InfoBox&gt;
      &lt;Marker
       position= {props.center}/&gt;
    &lt;/GoogleMap&gt;
  );</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am getting an error of 'google' is not defined. I am adding the API through withScriptJS just as shown in the react-google-maps documentation but it doesnt seem to work. 
  I am getting an error on the line:</p>
  
  <pre><code>    defaultPosition={new google.maps.LatLng(props.center.lat, props.center.lng)}
  </code></pre>