React Google Map Marker Не центрирован

Я пытаюсь центрировать карту по умолчаниюMarker. Однако, когда карта закончила загрузку, вид был немного выше маркера по умолчанию. Мне нужно прокрутить вниз до середины, чтобы увидеть маркер по умолчанию. Любая идея, как я могу центрировать вид при загрузке карты? Я использую React, redux и react-google-maps.

import React, {Component} from 'react';
import {withGoogleMap, GoogleMap, Marker} from "react-google-maps";
import {connect} from 'react-redux';

class VenuesMap extends Component {

  render() {

        let markers;
        if (this.props.venues !== null) {
            markers = this.props.venues.map((venue, i) => {
                return (
                    <Marker
                        key={i}
                        position={{ lat: venue.location.lat, lng: venue.location.lng}}
                    />
                )
            })
        } else {
            markers = <Marker position={{ lat: 40.7589, lng:-73.9851}}/>
        }
const MapWithAMarker = withGoogleMap(props =>
  <GoogleMap
        defaultCenter={{ lat: 40.7589, lng: -73.9851 }}
        center={{ lat: 40.7589, lng: -73.9851 }}
        zoom={15}
  >
    {markers}
  </GoogleMap>
);
        const googleMap =   <MapWithAMarker
            containerElement={<div style={{
                                height: `410vh`
            }} />}
            mapElement={<div style={{ height: `410vh`
             }} />}
        />
    return (
            <div>
                {googleMap}
            </div>
        )
  }
}

const stateToProps = (state) => {
  return {venues: state.venue.venues}
}

export default connect(stateToProps)(VenuesMap)