Fix error about multiple states for React Router being present at once

Co-authored-by: Mikko Aspiala <mikko.aspiala@gmail.com>

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>

src/renderer/bootstrap.tsx

@@ -34,7 +34,7 @@ import userStoreInjectable from "../common/user-store/user-store.injectable";
 import initRootFrameInjectable from "./frames/root-frame/init-root-frame/init-root-frame.injectable";
 import initClusterFrameInjectable from "./frames/cluster-frame/init-cluster-frame/init-cluster-frame.injectable";
 import commandOverlayInjectable from "./components/command-palette/command-overlay.injectable";
-import { Router } from "react-router";
+import { Router } from "react-router-dom";
 import historyInjectable from "./navigation/history.injectable";
 import themeStoreInjectable from "./theme-store.injectable";
 import navigateToAddClusterInjectable  from "../common/front-end-routing/routes/add-cluster/navigate-to-add-cluster.injectable";

src/renderer/components/cluster-manager/cluster-manager.tsx

@@ -6,7 +6,7 @@
 import "./cluster-manager.scss";
 
 import React from "react";
-import { Redirect } from "react-router";
+import { Redirect } from "react-router-dom";
 import { disposeOnUnmount, observer } from "mobx-react";
 import { StatusBar } from "../status-bar/status-bar";
 import { HotbarMenu } from "../hotbar/hotbar-menu";

src/renderer/components/layout/tab-layout.tsx

@@ -7,7 +7,7 @@ import "./tab-layout.scss";
 
 import type { ReactNode } from "react";
 import React from "react";
-import { matchPath, Redirect, Route, Switch } from "react-router";
+import { matchPath, Redirect, Route, Switch } from "react-router-dom";
 import { observer } from "mobx-react";
 import type { IClassName } from "../../utils";
 import { cssNames } from "../../utils";

src/renderer/components/test-utils/get-application-builder.tsx

@@ -11,7 +11,7 @@ import { computed, observable, runInAction } from "mobx";
 import { renderFor } from "./renderFor";
 import observableHistoryInjectable from "../../navigation/observable-history.injectable";
 import React from "react";
-import { Router } from "react-router";
+import { Router } from "react-router-dom";
 import { Observer } from "mobx-react";
 import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
 import allowedResourcesInjectable from "../../../common/cluster-store/allowed-resources.injectable";
@@ -43,7 +43,9 @@ type Callback = (dis: DiContainers) => void | Promise<void>;
 export interface ApplicationBuilder {
   dis: DiContainers;
   setEnvironmentToClusterFrame: () => ApplicationBuilder;
-  addExtensions: (...extensions: LensRendererExtension[]) => Promise<ApplicationBuilder>;
+  addExtensions: (
+    ...extensions: LensRendererExtension[]
+  ) => Promise<ApplicationBuilder>;
   allowKubeResource: (resourceName: KubeResource) => ApplicationBuilder;
   beforeSetups: (callback: Callback) => ApplicationBuilder;
   beforeRender: (callback: Callback) => ApplicationBuilder;

src/renderer/frames/cluster-frame/cluster-frame.tsx

@@ -5,7 +5,7 @@
 import React from "react";
 import type { IComputedValue } from "mobx";
 import { disposeOnUnmount, observer } from "mobx-react";
-import { Redirect } from "react-router";
+import { Redirect } from "react-router-dom";
 import { ConfirmDialog } from "../../components/confirm-dialog";
 import { DeploymentScaleDialog } from "../../components/+workloads-deployments/deployment-scale-dialog";
 import { CronJobTriggerDialog } from "../../components/+workloads-cronjobs/cronjob-trigger-dialog";