Add React 16 didCatch/ErrorBoundary component

1 files changed, 19 insertions, 16 deletions

diff --git a/src/containers/settings/AccountScreen.js b/src/containers/settings/AccountScreen.js
index 5818af0b1..019b3d7d6 100644
--- a/src/containers/settings/AccountScreen.js
+++ b/src/containers/settings/AccountScreen.js
@@ -9,6 +9,7 @@ import AppStore from '../../stores/AppStore';
 import { gaPage } from '../../lib/analytics';
 
 import AccountDashboard from '../../components/settings/account/AccountDashboard';
+import ErrorBoundary from '../../components/util/ErrorBoundary';
 
 const { BrowserWindow } = remote;
 
@@ -67,22 +68,24 @@ export default @inject('stores', 'actions') @observer class AccountScreen extend
     const isLoadingPlans = payment.plansRequest.isExecuting;
 
     return (
-      <AccountDashboard
-        user={user.data}
-        orders={payment.orders}
-        isLoading={isLoadingUserInfo}
-        isLoadingOrdersInfo={isLoadingOrdersInfo}
-        isLoadingPlans={isLoadingPlans}
-        userInfoRequestFailed={user.getUserInfoRequest.wasExecuted && user.getUserInfoRequest.isError}
-        retryUserInfoRequest={() => this.reloadData()}
-        isCreatingPaymentDashboardUrl={payment.createDashboardUrlRequest.isExecuting}
-        openDashboard={price => this.handlePaymentDashboard(price)}
-        openExternalUrl={url => openExternalUrl({ url })}
-        onCloseSubscriptionWindow={() => this.onCloseWindow()}
-        deleteAccount={userActions.delete}
-        isLoadingDeleteAccount={user.deleteAccountRequest.isExecuting}
-        isDeleteAccountSuccessful={user.deleteAccountRequest.wasExecuted && !user.deleteAccountRequest.isError}
-      />
+      <ErrorBoundary>
+        <AccountDashboard
+          user={user.data}
+          orders={payment.orders}
+          isLoading={isLoadingUserInfo}
+          isLoadingOrdersInfo={isLoadingOrdersInfo}
+          isLoadingPlans={isLoadingPlans}
+          userInfoRequestFailed={user.getUserInfoRequest.wasExecuted && user.getUserInfoRequest.isError}
+          retryUserInfoRequest={() => this.reloadData()}
+          isCreatingPaymentDashboardUrl={payment.createDashboardUrlRequest.isExecuting}
+          openDashboard={price => this.handlePaymentDashboard(price)}
+          openExternalUrl={url => openExternalUrl({ url })}
+          onCloseSubscriptionWindow={() => this.onCloseWindow()}
+          deleteAccount={userActions.delete}
+          isLoadingDeleteAccount={user.deleteAccountRequest.isExecuting}
+          isDeleteAccountSuccessful={user.deleteAccountRequest.wasExecuted && !user.deleteAccountRequest.isError}
+        />
+      </ErrorBoundary>
     );
   }
 }