title: React and google-maps-react. Not displaying InfoWindow
body: <p>I am using React and google-maps-react library for a project. I am trying to display InfoWindows for each of the markers. But it is not working. I have looked at the documentation as well as GitHub issues for this and have no been able to find a solution. </p>
  
  <p>Here is the code</p>
  
  <pre><code>import React from "react";
  import { connect } from "react-redux";
  
  import { Map, GoogleApiWrapper, Marker, InfoWindow } from "google-maps-react";
  
  import { API_GOOGLE_MAPS } from "../config";
  
  const mapStyles = {
      width: "100%",
      height: "100%"
  };
  
  export class GoogleMap extends React.Component {
      render() {
          let markers = this.props.vendors
              ? this.props.vendors.map((vendor, index) =&gt; {
                    return (
                        &lt;Marker
                            key={index}
                            id={index}
                            position={{
                                lat: vendor.Latitude,
                                lng: vendor.Longitude
                            }}
                            onClick={() =&gt; console.log("You clicked me!")}
                        &gt;
                            &lt;InfoWindow
                                position={{
                                    lat: vendor.Latitude,
                                    lng: vendor.Longitude
                                }}
                                visible={true}
                            &gt;
                                &lt;div id={vendor.Latitude}&gt;hello&lt;/div&gt;
                            &lt;/InfoWindow&gt;
                        &lt;/Marker&gt;
                    );
                })
              : null;
  
          return (
              &lt;Map google={this.props.google} zoom={13} style={mapStyles} initialCenter={this.props.mapCenter}&gt;
                  {markers ? markers : null}
              &lt;/Map&gt;
          );
      }
  }
  
  const mapStateToProps = state =&gt; ({
      vendors: state.app.vendors,
      mapCenter: state.app.mapCenter
  });
  
  const WrappedContainer = GoogleApiWrapper({
      apiKey: API_GOOGLE_MAPS
  })(GoogleMap);
  
  export default connect(mapStateToProps)(WrappedContainer);
  
  </code></pre>
  
  <p>The maps displays all the markers, but not the InfoWindow. I am probably doing this wrong. How can I get the InfoWindow to display for the markers?</p>
  
  <p>Here is a <a href="https://i.imgur.com/CPv9sne.png" rel="nofollow noreferrer">picture</a></p>
  
  <p>Thank you.</p>