Map showing grey with simplest example and resizing does not fix the issue

I tried implementing the component with the simplest example <GoogleMapReact bootstrapURLKeys={{ key: 'API_KEY' }} defaultCenter={this.state.center} defaultZoom={this.state.zoom} />

We are using server rendering. The script loads fine, at least there are no errors and everything else seems fine but the map tiles just won’t load; the whole map block is just grey. Any ideas why this is happening?

[bkniffler]

Found the answer here: https://stackoverflow.com/questions/11749742/google-maps-api-v3-gray-box-no-map

Somehow my styles must overwrite the google maps ones, adding these here to the map resolved the issue:

#map * {
    overflow:visible;
}

[bardiarastin]

this occurs because my map is in a tab which is not enabled by default (by default it’s wrapper has a zero height) . solved by creating map at opening time (custom code not using this lib).