feat: integrate sentry

1 files changed, 17 insertions, 14 deletions

diff --git a/src/components/Root.js b/src/components/Root.js
index a5f56e7..dc96e22 100644
--- a/src/components/Root.js
+++ b/src/components/Root.js
@@ -4,6 +4,7 @@ import { HashRouter as Router, Route } from 'react-router-dom';
 // import { hot } from 'react-hot-loader';
 // import createHistory from 'history/createHashHistory';
 // import createHistory from 'history/createBrowserHistory';
+import ErrorBoundary from 'c/ErrorBoundary';
 import SideBar from 'c/SideBar';
 import Home from 'c/Home';
 import Logs from 'c/Logs';
@@ -23,21 +24,23 @@ import s0 from './Root.module.scss';
 window.store = store;
 
 const Root = () => (
-  <Provider store={store}>
-    <Router>
-      <div className={s0.app}>
-        <APIDiscovery />
-        <Route path="/" render={() => <SideBar />} />
-        <div className={s0.content}>
-          <Route exact path="/" render={() => <Home />} />
-          <Route exact path="/overview" render={() => <Home />} />
-          <Route exact path="/configs" render={() => <Config />} />
-          <Route exact path="/logs" render={() => <Logs />} />
-          <Route exact path="/proxies" render={() => <Proxies />} />
+  <ErrorBoundary>
+    <Provider store={store}>
+      <Router>
+        <div className={s0.app}>
+          <APIDiscovery />
+          <Route path="/" render={() => <SideBar />} />
+          <div className={s0.content}>
+            <Route exact path="/" render={() => <Home />} />
+            <Route exact path="/overview" render={() => <Home />} />
+            <Route exact path="/configs" render={() => <Config />} />
+            <Route exact path="/logs" render={() => <Logs />} />
+            <Route exact path="/proxies" render={() => <Proxies />} />
+          </div>
         </div>
-      </div>
-    </Router>
-  </Provider>
+      </Router>
+    </Provider>
+  </ErrorBoundary>
 );
 // <Route exact path="/__0" component={StyleGuide} />
 // <Route exact path="/__1" component={Loading} />