static vs. dynamic google map on react component

MapComponent_partial.js

// render method of the react component
render() {
  
  if (this.state.clientSideJsAvailable) {
    // Executed client side, this.state.clientSideJsAvailable is set in componentDidMount.
    // return a div, gmap behaviour is plugged and refreshed in componentDidUpdate
    return <div id="map"></div>;
    
  } else {
    // Executed server side
    // Executed once client side on first render before mount (to check consistency with intial DOM from the server). 
    // limit to 50 elements to prevent URL from going longer than the limit
    const markersURLParam = 'scale:2|icon:' + this.props.pinURL + '|' + this.props.stores.slice(0, 50).map(store => store.latitude + ',' + store.longitude).join('|');
    // uses scale:2 and halved dimensions to allow a generated map larger than 640px
    return (
        <div>
            <img
                src={`http://maps.googleapis.com/maps/api/staticmap?` +
                    `&size=${this.props.width/2}x${this.props.height/2}` +
                    `&scale=2` +
                    `&language=fr` +
                    `&markers=${markersURLParam}` +
                    `&key=${this.props.apiKey}`
                }
                style={{width:'100%',height:'auto'}} alt=""/>
        </div>
    );
  }
}