Add React 16 didCatch/ErrorBoundary component

1 files changed, 10 insertions, 6 deletions

diff --git a/src/containers/settings/InviteScreen.js b/src/containers/settings/InviteScreen.js
index 38ca6ec74..cd36610e4 100644
--- a/src/containers/settings/InviteScreen.js
+++ b/src/containers/settings/InviteScreen.js
@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import { inject, observer } from 'mobx-react';
 
 import Invite from '../../components/auth/Invite';
+import ErrorBoundary from '../../components/util/ErrorBoundary';
+
 import { gaPage } from '../../lib/analytics';
 
 export default @inject('stores', 'actions') @observer class InviteScreen extends Component {
@@ -19,12 +21,14 @@ export default @inject('stores', 'actions') @observer class InviteScreen extends
     const { user } = this.props.stores;
 
     return (
-      <Invite
-        onSubmit={actions.user.invite}
-        isLoadingInvite={user.inviteRequest.isExecuting}
-        isInviteSuccessful={user.inviteRequest.wasExecuted && !user.inviteRequest.isError}
-        embed
-      />
+      <ErrorBoundary>
+        <Invite
+          onSubmit={actions.user.invite}
+          isLoadingInvite={user.inviteRequest.isExecuting}
+          isInviteSuccessful={user.inviteRequest.wasExecuted && !user.inviteRequest.isError}
+          embed
+        />
+      </ErrorBoundary>
     );
   }
 }