title: google-map-react not loading- Uncaught TypeError: Cannot read properties of undefined (reading 'getChildren')
body: <pre><code>import React from &quot;react&quot;;
  import GoogleMapReact from &quot;google-map-react&quot;;
  
  const AnyReactComponent = ({ text }) =&gt; &lt;div&gt;{text}&lt;/div&gt;;
  
  export default function AppMapPage() {
    const defaultProps = {
      center: {
        lat: 10.99835602,
        lng: 77.01502627,
      },
      zoom: 11,
    };
  
    return (
      &lt;div style={{ height: &quot;100vh&quot;, width: &quot;100%&quot; }}&gt;
        &lt;GoogleMapReact
          bootstrapURLKeys={{ key: &quot;my key&quot; }}
          defaultCenter={defaultProps.center}
          defaultZoom={defaultProps.zoom}
        &gt;
          &lt;AnyReactComponent lat={59.955413} lng={30.337844} text=&quot;My Marker&quot; /&gt;
        &lt;/GoogleMapReact&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p>I have been trying to solve it for a while. I am trying to run simple example of google-map-react. But, This does not load maps. Instead gives following errors and the page is blank.</p>
  <pre><code>google_map_markers.js:100 Uncaught TypeError: Cannot read properties of undefined (reading 'getChildren')
      at o._getState (google_map_markers.js:100:1)
      at new o (google_map_markers.js:248:1)
      at constructClassInstance (react-dom.development.js:13522:1)
      at updateClassComponent (react-dom.development.js:20497:1)
      at beginWork (react-dom.development.js:22440:1)
      at HTMLUnknownElement.callCallback (react-dom.development.js:4161:1)
      at Object.invokeGuardedCallbackDev (react-dom.development.js:4210:1)
      at invokeGuardedCallback (react-dom.development.js:4274:1)
      at beginWork$1 (react-dom.development.js:27405:1)
      at performUnitOfWork (react-dom.development.js:26513:1)
  </code></pre>