migration additions -- part 6 (bugs hunting)

Signed-off-by: Roman <ixrock@gmail.com>

src/renderer/bootstrap.tsx

@@ -1,6 +1,8 @@
 import "./components/app.scss";
 import "../common/libs-config";
-import * as React from "react";
+import React from "react";
+import * as Mobx from "mobx";
+import * as MobxReact from "mobx-react";
 import * as ReactRouter from "react-router";
 import * as ReactRouterDom from "react-router-dom";
 import * as LensExtensions from "../extensions/extension-api";
@@ -8,7 +10,7 @@ import { render, unmountComponentAtNode } from "react-dom";
 import { clusterStore } from "../common/cluster-store";
 import { userStore } from "../common/user-store";
 import { delay } from "../common/utils";
-import { isDevelopment, isMac } from "../common/vars";
+import { isMac, isDevelopment } from "../common/vars";
 import { extensionDiscovery } from "../extensions/extension-discovery";
 import { extensionLoader } from "../extensions/extension-loader";
 import { extensionsStore } from "../extensions/extensions-store";
@@ -37,6 +39,8 @@ export {
   React,
   ReactRouter,
   ReactRouterDom,
+  Mobx,
+  MobxReact,
   LensExtensions
 };
 
@@ -75,8 +79,8 @@ export async function bootstrap(App: AppComponent) {
     }
   });
   render(<>
-    {isMac && <div id="draggable-top"/>}
-    <App/>
+    {isMac && <div id="draggable-top" />}
+    <App />
   </>, rootElem);
 }
 

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

@@ -1,8 +1,6 @@
 import "./page-layout.scss";
 
 import React from "react";
-import { makeObservable } from "mobx";
-import { observer } from "mobx-react";
 import { autobind, cssNames, IClassName } from "../../utils";
 import { navigation } from "../../navigation";
 import { Icon } from "../icon";
@@ -24,15 +22,9 @@ const defaultProps: Partial<PageLayoutProps> = {
   contentGaps: true,
 };
 
-@observer
 export class PageLayout extends React.Component<PageLayoutProps> {
   static defaultProps = defaultProps as object;
 
-  constructor(props: PageLayoutProps) {
-    super(props);
-    makeObservable(this);
-  }
-
   @autobind()
   back(evt?: React.MouseEvent | KeyboardEvent) {
     if (this.props.back) {