jbrowse: factor out usage of react-hot-loader

Author: labkey-nicka

jbrowse/src/client/JBrowse/Browser/dev.tsx

@@ -1,22 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { AppContainer } from 'react-hot-loader';
 
 import View from './Browser';
 
 const render = () => {
-    ReactDOM.render(
-        <AppContainer>
-            <View />
-        </AppContainer>,
-        document.getElementById('app')
-    )
+    ReactDOM.render(<View />, document.getElementById('app'));
 };
 
-declare const module: any;
-
-if (module.hot) {
-    module.hot.accept();
-}
-
 render();

jbrowse/src/client/JBrowse/Search/webpart/dev.tsx

@@ -1,17 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { AppContainer } from 'react-hot-loader';
 import { App } from '@labkey/api';
 
 import StandaloneSearch from '../StandaloneSearch';
 
-App.registerApp<any>('jbrowseSearchWebpart', (target: string, sessionId: string) => {
-    ReactDOM.render(
-        <AppContainer>
-            <StandaloneSearch sessionId={sessionId} />
-        </AppContainer>,
-        document.getElementById(target)
-    );
-}, true /* hot */);
+const render = (target: string, sessionId: string) => {
+    ReactDOM.render(<StandaloneSearch sessionId={sessionId} />, document.getElementById(target));
+};
 
-declare const module: any;
+App.registerApp<any>('jbrowseSearchWebpart', render, true /* hot */);

jbrowse/src/client/JBrowse/VariantSearch/dev.tsx

@@ -1,22 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { AppContainer } from 'react-hot-loader';
 
 import VariantTable from './VariantTable';
 
 const render = () => {
-    ReactDOM.render(
-        <AppContainer>
-            <VariantTable />
-        </AppContainer>,
-        document.getElementById('app')
-    )
+    ReactDOM.render(<VariantTable />, document.getElementById('app'));
 };
 
-declare const module: any;
-
-if (module.hot) {
-    module.hot.accept();
-}
-
 render();

jbrowse/src/client/JBrowse/VariantTable/dev.tsx

@@ -1,22 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { AppContainer } from 'react-hot-loader';
 
 import VariantTable from './VariantTable';
 
 const render = () => {
-    ReactDOM.render(
-        <AppContainer>
-            <VariantTable />
-        </AppContainer>,
-        document.getElementById('app')
-    )
+    ReactDOM.render(<VariantTable />, document.getElementById('app'));
 };
 
-declare const module: any;
-
-if (module.hot) {
-    module.hot.accept();
-}
-
 render();