- Merge and update

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/error-boundary/error-boundary.component.jsx

@@ -1,11 +1,14 @@
 import {Button, Col, Collapse, Result, Row, Space} from "antd";
 import React from "react";
-import {withTranslation} from "react-i18next";
-import {logImEXEvent} from "../../firebase/firebase.utils";
-
-import {connect} from "react-redux";
-import {createStructuredSelector} from "reselect";
-import {selectBodyshop, selectCurrentUser,} from "../../redux/user/user.selectors";
+import { withTranslation } from "react-i18next";
+import { logImEXEvent } from "../../firebase/firebase.utils";
+import * as Sentry from "@sentry/react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import {
+  selectBodyshop,
+  selectCurrentUser,
+} from "../../redux/user/user.selectors";
 
 const mapStateToProps = createStructuredSelector({
     currentUser: selectCurrentUser,
@@ -135,7 +138,6 @@ class ErrorBoundary extends React.Component {
     }
 }
 
-export default connect(
-    mapStateToProps,
-    mapDispatchToProps
-)(withTranslation()(ErrorBoundary));
+export default Sentry.withErrorBoundary(
+  connect(mapStateToProps, mapDispatchToProps)(withTranslation()(ErrorBoundary))
+);