Update defaultCenter based on state

How can I update defaultCenter? I’ve tried editing map.props.defaultCenter by ref but this is a read-only property. The following code also doesn’t have any effects:

render() {
  <Location
    defaultCenter={this.state.defaultCenter}
    marker={{ position: { lat, lng } }}
  />
}

const Location = withGoogleMap(({ marker, defaultCenter }) => (
  <GoogleMap defaultCenter={{
    lat: marker.position.lat || defaultCenter.lat,
    lng: marker.position.lng || defaultCenter.lng
  }} />
));

[ammichael]

Or you can only use center props instead all of this (:

[PowerOfM]

I think defaultCenter and center are in accordance with React’s defaultValue and value properties, which are used in a lot of common places.