Fix issue where modal can be out of sync with app state

1 files changed, 5 insertions, 2 deletions

diff --git a/packages/typescript-typings/types/react-joyride/index.d.ts b/packages/typescript-typings/types/react-joyride/index.d.ts
index 21e46074f..a0cd6a1e8 100644
--- a/packages/typescript-typings/types/react-joyride/index.d.ts
+++ b/packages/typescript-typings/types/react-joyride/index.d.ts
@@ -14,11 +14,13 @@ declare module 'react-joyride' {
         zIndex?: number,
     }
     
+    export type Placement = "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "right" | "left";
+
     export interface Step {
         title?: string;
         content: React.ReactNode;
         target: string;
-        placement?: "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "right" | "left";
+        placement?: Placement;
         type?: "click" | "hover";
         isFixed?: boolean;
         allowClicksThruHole?: boolean;
@@ -29,7 +31,8 @@ declare module 'react-joyride' {
     
     export interface Props {
         steps?: Step[];
-        beaconComponent?: React.ComponentClass;
+        beaconComponent?: React.ReactNode;
+        disableOverlayClose?: boolean;
         run?: boolean;
         stepIndex?: number;
         callback?: (options: any) => void;