Add React 16 didCatch/ErrorBoundary component

1 files changed, 12 insertions, 8 deletions

diff --git a/src/containers/settings/EditUserScreen.js b/src/containers/settings/EditUserScreen.js
index 3da3e8d2c..adad8a9bd 100644
--- a/src/containers/settings/EditUserScreen.js
+++ b/src/containers/settings/EditUserScreen.js
@@ -6,6 +6,8 @@ import { defineMessages, intlShape } from 'react-intl';
 import UserStore from '../../stores/UserStore';
 import Form from '../../lib/Form';
 import EditUserForm from '../../components/settings/user/EditUserForm';
+import ErrorBoundary from '../../components/util/ErrorBoundary';
+
 import { required, email, minLength } from '../../helpers/validation-helpers';
 import { gaPage } from '../../lib/analytics';
 
@@ -140,14 +142,16 @@ export default @inject('stores', 'actions') @observer class EditUserScreen exten
     const form = this.prepareForm(user.data);
 
     return (
-      <EditUserForm
-        // user={user.data}
-        status={user.actionStatus}
-        form={form}
-        isEnterprise={user.data.isEnterprise}
-        isSaving={user.updateUserInfoRequest.isExecuting}
-        onSubmit={d => this.onSubmit(d)}
-      />
+      <ErrorBoundary>
+        <EditUserForm
+          // user={user.data}
+          status={user.actionStatus}
+          form={form}
+          isEnterprise={user.data.isEnterprise}
+          isSaving={user.updateUserInfoRequest.isExecuting}
+          onSubmit={d => this.onSubmit(d)}
+        />
+      </ErrorBoundary>
     );
   }
 }