Fixed compilation warnings and errors

app/components/NavBar.tsx

@@ -1,21 +1,25 @@
-import * as History from "history";
 import * as React from "react";
 import { Link } from "react-router-dom";
 import { Menu } from "semantic-ui-react";
 
-import { AppState, injectState } from "@app/state";
+import { AppState, ConsumeState, injectState } from "@app/state";
 import { observer } from "mobx-react";
 
 interface NavItemProps {
     to: string;
     children: React.ReactNode;
-    location: History.Location;
 }
 
-@observer
+const NavItem = observer(({ to, children }: NavItemProps) => {
-function NavItem({ to, children, location }: NavItemProps) {
+    function consumeState(appState: AppState) {
-    return <Menu.Item as={Link} to={to} active={location.pathname.startsWith(to)}>{children}</Menu.Item>;
+        const { location } = appState.routerStore;
-}
+        return (
+            <Menu.Item as={Link} to={to} active={location.pathname.startsWith(to)}>{children}</Menu.Item>
+        );
+    }
+
+    return (<ConsumeState>{consumeState}</ConsumeState>);
+});
 
 function NavBar({ appState }: { appState: AppState }) {
     let loginMenu;

app/state/AppState.ts

@@ -2,8 +2,8 @@ import { WebSocketRpcClient } from "@app/sprinklersRpc/websocketClient";
 import HttpApi from "@app/state/HttpApi";
 import { UiStore } from "@app/state/UiStore";
 import { createBrowserHistory, History } from "history";
-import { RouterStore, syncHistoryWithStore } from "mobx-react-router";
 import { computed } from "mobx";
+import { RouterStore, syncHistoryWithStore } from "mobx-react-router";
 
 const isDev = process.env.NODE_ENV === "development";
 const websocketPort = isDev ? 8080 : location.port;

app/state/TokenStore.ts

@@ -61,7 +61,7 @@ export class TokenStore {
     }
 
     toJSON() {
-        return { accessToken: this.accessToken.toJSON(), refreshToken: this.refreshToken.toJSON() }
+        return { accessToken: this.accessToken.toJSON(), refreshToken: this.refreshToken.toJSON() };
     }
 
     updateFromJson(json: any) {