react-leaflet + flyTo

mapWrapper.js

import { Component } from 'react'
import { connect } from 'react-redux'

class MapWrapper extends Component {
  render() {
    const mapProps = 123 // todo
    return <LeafletMap ref={(mapEl) => this.mapEl = mapEl} {...mapProps} />
  }
  componentDidMount() {
    const { markerData } = this.props
     if (markerData) {
       this.flyTo(markerData)
     }
  }
  
  componentDidUpdate(prevProps) {
    const { markerData } = this.props
    if (markderData !== preProps.markerData) {
      this.flyTo(markerData)
    }
  }
  
  flyTo(markerData) {
    this.mapEl.flyTo(markerData)
  }
}

export default connect(state => ({
  markerData: state.ui.hoveredMarkerData,
}))(MapWrapper)