ts fixes for MapboxGLMap

keplergl · Jun 28, 2022 · 97f2d4d · 97f2d4d
1 parent 4907189
commit 97f2d4d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/map-container.tsx b/src/components/map-container.tsx
@@ -20,7 +20,7 @@
 
 // libraries
 import React, {Component, createRef} from 'react';
-import MapboxGLMap from 'react-map-gl';
+import MapboxGLMap, {MapRef} from 'react-map-gl';
 import DeckGL from '@deck.gl/react';
 import {createSelector} from 'reselect';
 import WebMercatorViewport from 'viewport-mercator-project';
@@ -152,7 +152,7 @@ interface MapContainerProps {
   onMapToggleLayer?: Function;
   onMapStyleLoaded?: Function;
   onMapRender?: Function;
-  getMapboxRef?: (mapbox?: MapboxGLMap | null, index?: number) => void;
+  getMapboxRef?: (mapbox?: MapRef | null, index?: number) => void;
   index?: number;
 
   locale?: any;
@@ -273,7 +273,7 @@ export default function MapContainerFactory(
       }
     };
 
-    _setMapboxMap: React.LegacyRef<MapboxGLMap> = mapbox => {
+    _setMapboxMap: React.Ref<MapRef> = mapbox => {
       if (!this._map && mapbox) {
         this._map = mapbox.getMap();
         // i noticed in certain context we don't access the actual map element

diff --git a/src/components/modals/add-map-style-modal.tsx b/src/components/modals/add-map-style-modal.tsx
@@ -22,7 +22,7 @@ import React, {Component} from 'react';
 import {polyfill} from 'react-lifecycles-compat';
 import classnames from 'classnames';
 import styled from 'styled-components';
-import MapboxGLMap from 'react-map-gl';
+import MapboxGLMap, {MapRef} from 'react-map-gl';
 import {
   StyledModalContent,
   InputLight,
@@ -141,7 +141,7 @@ function AddMapStyleModalFactory() {
       return null;
     }
 
-    mapRef: MapboxGLMap | null | undefined;
+    mapRef: MapRef | null | undefined;
     _map: mapboxgl.Map | undefined;
 
     componentDidUpdate() {