feat: ErrorBoundary

src/components/ErrorBoundary.tsx

@@ -0,0 +1,12 @@
+import { raiseError } from 'analytics'
+import * as React from 'react'
+
+export class ErrorBoundary extends React.PureComponent {
+  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
+    raiseError(error, errorInfo)
+  }
+
+  render() {
+    return this.props.children
+  }
+}

src/components/Gitako.tsx

@@ -1,20 +1,16 @@
-import { raiseError } from 'analytics'
 import { SideBar } from 'components/SideBar'
 import { ConfigsContext, ConfigsContextWrapper } from 'containers/ConfigsContext'
 import * as React from 'react'
+import { ErrorBoundary } from './ErrorBoundary'
 
-export class Gitako extends React.PureComponent {
-  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
-    raiseError(error, errorInfo)
-  }
-
-  render() {
-    return (
+export function Gitako() {
+  return (
+    <ErrorBoundary>
       <ConfigsContextWrapper>
         <ConfigsContext.Consumer>
           {configContext => configContext && <SideBar configContext={configContext} />}
         </ConfigsContext.Consumer>
       </ConfigsContextWrapper>
-    )
-  }
+    </ErrorBoundary>
+  )
 }