diff --git a/package.json b/package.json
index fd86623..6297cad 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
"dependencies": {
"@babel/polyfill": "^7.2.3",
"@babel/runtime": "^7.1.5",
+ "@sentry/browser": "^4.4.2",
"chart.js": "^2.7.3",
"classnames": "^2.2.6",
"history": "^4.7.2",
diff --git a/src/components/ErrorBoundary.js b/src/components/ErrorBoundary.js
new file mode 100644
index 0000000..a44ca92
--- /dev/null
+++ b/src/components/ErrorBoundary.js
@@ -0,0 +1,53 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { getSentry } from '../misc/sentry';
+
+// XXX this is no Hook equivalents for componentDidCatch
+// we have to use class for now
+
+class ErrorBoundary extends Component {
+ static propTypes = {
+ children: PropTypes.node
+ };
+
+ state = { error: null };
+
+ loadSentry = async () => {
+ if (this.sentry) return this.sentry;
+ const x = await getSentry();
+ this.sentry = x;
+ return this.sentry;
+ };
+
+ componentDidMount() {
+ this.loadSentry();
+ }
+
+ componentDidCatch(error, errorInfo) {
+ this.setState({ error });
+ this.loadSentry().then(Sentry => {
+ Sentry.withScope(scope => {
+ Object.keys(errorInfo).forEach(key => {
+ scope.setExtra(key, errorInfo[key]);
+ });
+ Sentry.captureException(error);
+ });
+ });
+ }
+
+ showReportDialog = () => {
+ this.loadSentry().then(Sentry => Sentry.showReportDialog());
+ };
+
+ render() {
+ if (this.state.error) {
+ //render fallback UI
+ return Report feedback;
+ } else {
+ //when there's not an error, render children untouched
+ return this.props.children;
+ }
+ }
+}
+
+export default ErrorBoundary;
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 = () => (
-
-
-
-
-
} />
-
-
} />
- } />
- } />
- } />
- } />
+
+
+
+
+
+
} />
+
+
} />
+ } />
+ } />
+ } />
+ } />
+