diff --git a/package.json b/package.json
index 9cf4b580d..8b9235032 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,6 @@
"@types/react": "16.7.18",
"@types/react-color": "2.13.6",
"@types/react-dom": "16.0.11",
- "@types/react-joyride": "2.0.1",
"@types/react-redux": "6.0.11",
"axios": "0.18.0",
"boxed_value": "1.0.0",
@@ -75,7 +74,7 @@
"react-addons-test-utils": "15.6.2",
"react-color": "2.14.1",
"react-dom": "16.7.0",
- "react-joyride": "2.0.0-15",
+ "react-joyride": "2.0.2",
"react-redux": "5.1.1",
"react-test-renderer": "16.7.0",
"react-transition-group": "2.5.0",
diff --git a/webpack/help/__tests__/tour_test.tsx b/webpack/help/__tests__/tour_test.tsx
index 4b0b1df80..adbba4c07 100644
--- a/webpack/help/__tests__/tour_test.tsx
+++ b/webpack/help/__tests__/tour_test.tsx
@@ -5,7 +5,7 @@ import { tourNames, TOUR_STEPS } from "../tours";
import { mount, shallow } from "enzyme";
import { RunTour, Tour } from "../tour";
import { history } from "../../history";
-import { State } from "react-joyride";
+import { CallBackProps } from "react-joyride";
describe("", () => {
const EMPTY_DIV = "
";
@@ -22,7 +22,7 @@ describe("", () => {
});
describe("", () => {
- const fakeCallbackData = (data: Partial): State => ({
+ const fakeCallbackData = (data: Partial): CallBackProps => ({
action: data.action || "start",
index: data.index || 0,
controlled: false,
diff --git a/webpack/help/tour.tsx b/webpack/help/tour.tsx
index b6f066b88..8b44cc702 100644
--- a/webpack/help/tour.tsx
+++ b/webpack/help/tour.tsx
@@ -1,6 +1,6 @@
import * as React from "react";
import { t } from "i18next";
-import Joyride, { Step as TourStep, State as CBData, StepStyles } from "react-joyride";
+import Joyride, { Step as TourStep, CallBackProps } from "react-joyride";
import { Color } from "../ui";
import { history } from "../history";
import { TOUR_STEPS, tourPageNavigation } from "./tours";
@@ -16,7 +16,7 @@ const strings = () => ({
const STYLES = {
buttonNext: { backgroundColor: Color.green },
buttonBack: { color: Color.darkGray }
-} as StepStyles;
+};
interface TourProps {
steps: TourStep[];
@@ -30,7 +30,7 @@ interface TourState {
export class Tour extends React.Component {
state: TourState = { run: false, index: 0, };
- callback = ({ action, index, step, type }: CBData) => {
+ callback = ({ action, index, step, type }: CallBackProps) => {
console.log("Tour debug:", step.target, type, action);
tourPageNavigation(step.target);
if (type === "step:after") {