[client] fix google map ref lint error

mzogheib · Jun 16, 2019 · 8a1bf08 · 8a1bf08
1 parent 4c02b1b
commit 8a1bf08
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/client/src/components/Map/index.js b/packages/client/src/components/Map/index.js
@@ -55,15 +55,17 @@ export default class Map extends Component {
     polylineItems: [],
   }
 
-  componentDidMount() {
-    const { markerData, polylineData } = this.props
-
+  onMapMounted = mapRef => {
     const melbourne = new google.maps.LatLng(-37.8079033, 144.9759344)
-    this.map = new google.maps.Map(this.refs.map, {
+    this.map = new google.maps.Map(mapRef, {
       center: melbourne,
       zoom: 14,
       mapTypeId: 'roadmap',
     })
+  }
+
+  componentDidMount() {
+    const { markerData, polylineData } = this.props
 
     this.map.addListener('click', event => {
       if (event.placeId) this.resetAllMapElements()
@@ -200,6 +202,6 @@ export default class Map extends Component {
     )
 
   render() {
-    return <Wrapper ref="map" />
+    return <Wrapper ref={this.onMapMounted} />
   }
 }