title: view not displayed with google-map-react
body: <p>I know there are a lot of questions for this subject, but I don't find the answer...
  I use Next.js and I want to show a map with a marker on my website.
  I use google-map-react for this.
  The function of google map are display but not the content and I don't know why. I've got a key , the text of marker is display but not the map.
  They're no error...
  Someone can help me please?</p>
  <p><a href="https://i.stack.imgur.com/lGPCH.png" rel="nofollow noreferrer">image</a></p>
  <p>here you can see my code:</p>
  <pre><code>import React, { Component } from 'react';
  import GoogleMapReact from 'google-map-react';
  
  const AnyReactComponent = ({ text }) =&gt; &lt;div&gt;{text}&lt;/div&gt;;
  
  class Map extends Component {
    static defaultProps = {
      key: {key:'A.................Q'},
      center: {
        lat: 48.04,
        lng: 7.55
      },
      zoom: 8
    };
  
    render() {
      return (
          &lt;div style={{ height:&quot;500px&quot;, width:&quot;500px&quot; }}&gt;
              &lt;div style={{ height: '400px', width: '400px' }}&gt;
                  &lt;GoogleMapReact
                  bootstrapURLKeys={this.props.key}
                  defaultCenter={this.props.center}
                  defaultZoom={this.props.zoom}
                  &gt;
                  &lt;AnyReactComponent
                      lat={48.042145297679944}
                      lng={7.545328618777818}
                      text=&quot;PS-Web&quot;
                  /&gt;
                  &lt;/GoogleMapReact&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
      );
    }
  }
  
  export default Map;
  </code></pre>