From b8a3c1dd68bbccfc7df9d398507196a80584feb3 Mon Sep 17 00:00:00 2001
From: David Baumgold <david@davidbaumgold.com>
Date: Sun, 22 Mar 2020 21:48:56 +0100
Subject: [PATCH] React Map GL: update props for LinearInterpolator (#43313)

---
 types/react-map-gl/index.d.ts             |  7 ++++++-
 types/react-map-gl/react-map-gl-tests.tsx | 20 ++++++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/types/react-map-gl/index.d.ts b/types/react-map-gl/index.d.ts
index 5dec987386..a07a83529e 100644
--- a/types/react-map-gl/index.d.ts
+++ b/types/react-map-gl/index.d.ts
@@ -223,8 +223,13 @@ export enum TRANSITION_EVENTS {
 
 export class TransitionInterpolator {}
 
+export interface LinearInterpolatorProps {
+    transitionProps?: string[];
+    around?: number[];
+}
+
 export class LinearInterpolator extends TransitionInterpolator {
-    constructor(transitionProps?: string[]);
+    constructor(transitionProps?: LinearInterpolatorProps | string[]);
 }
 
 export interface FlyToInterpolatorProps {
diff --git a/types/react-map-gl/react-map-gl-tests.tsx b/types/react-map-gl/react-map-gl-tests.tsx
index 56ae04d9b2..a48f3e93e2 100644
--- a/types/react-map-gl/react-map-gl-tests.tsx
+++ b/types/react-map-gl/react-map-gl-tests.tsx
@@ -14,6 +14,7 @@ import {
     ViewportProps,
     Source,
     Layer,
+    LinearInterpolator,
 } from 'react-map-gl';
 import * as MapboxGL from 'mapbox-gl';
 import { FeatureCollection } from 'geojson';
@@ -122,6 +123,25 @@ class MyMap extends React.Component<{}, State> {
                     width={400}
                     ref={this.setRefStatic}
                 />
+                <button
+                    onClick={() => {
+                        const nullPoint = [0, 0];
+                        const li = new LinearInterpolator({
+                            around: nullPoint,
+                        });
+                        this.setState(prevState => ({
+                            viewport: {
+                                ...prevState.viewport,
+                                latitude: nullPoint[1],
+                                longitude: nullPoint[0],
+                                transitionInterpolator: li,
+                                transitionDuration: 100,
+                            },
+                        }));
+                    }}
+                >
+                    Jump to Null Point
+                </button>
             </div>
         );
     }