1 files changed, 43 insertions, 0 deletions
diff --git a/plugins/base/frontend/src/main/components/root.tsx b/plugins/base/frontend/src/main/components/root.tsx
new file mode 100644
index 00000000..70ed9550
--- /dev/null
+++ b/plugins/base/frontend/src/main/components/root.tsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import {render} from 'react-dom';
+import RedBox from 'redbox-react';
+
+import App from "./app";
+import './app/index.scss';
+
+const appEl = document.getElementById('searchBar');
+const rootEl = document.createElement('div');
+
+let renderApp = () => {
+  render(
+      <App/>,
+      rootEl
+  );
+};
+
+// @ts-ignore
+if (module.hot) {
+  const renderAppHot = renderApp;
+  const renderError = (error: Error) => {
+    render(
+        <RedBox error={error}/>,
+        rootEl
+    );
+  };
+
+  renderApp = () => {
+    try {
+      renderAppHot();
+    } catch (error) {
+      renderError(error);
+    }
+  };
+
+  // @ts-ignore
+  module.hot.accept('./app', () => {
+    setTimeout(renderApp);
+  });
+}
+
+renderApp();
+appEl!.appendChild(rootEl);