title: Polygon with hole in react-google-maps
body: <p>I'm using tomchentw/react-google-maps integration component, in according with Maps JavaScript API, I've try to put inside <strong>paths</strong> prop of <strong>Polygon</strong> component an array of outerCoords and InnerCords, to show holes inside polygon:</p>
  
  <pre><code>props.zones.value.data.map( () =&gt; {
      var outerCoords = [
        {lat: -32.364, lng: 153.207}, // north west
        {lat: -35.364, lng: 153.207}, // south west
        {lat: -35.364, lng: 158.207}, // south east
        {lat: -32.364, lng: 158.207}  // north east
      ];
  
      var innerCoords1 = [
        {lat: -33.364, lng: 154.207},
        {lat: -34.364, lng: 154.207},
        {lat: -34.364, lng: 155.207},
        {lat: -33.364, lng: 155.207}
      ];
  
      var innerCoords2 = [
        {lat: -33.364, lng: 156.207},
        {lat: -34.364, lng: 156.207},
        {lat: -34.364, lng: 157.207},
        {lat: -33.364, lng: 157.207}
      ];
  
      return (
  
        &lt;Polygon
          key={zone.id}
          paths={[outerCoords, innerCoords1, innerCoords2]}
          onClick={props.onMapClick}
        /&gt;
  
      );
  })
  </code></pre>
  
  <p>The result is a polygon with inside other polygons, not holes.</p>
  
  <p>Did somebody else find this issue?</p>
  
  <p><img src="https://user-images.githubusercontent.com/9392180/27577057-965ec208-5b1f-11e7-8bc4-ebd7b0a73ca0.png" alt="render"></p>