RO into IO merge as of 02/05/2024.

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

@@ -6,6 +6,7 @@ import * as Sentry from "@sentry/react";
 import {connect} from "react-redux";
 import {createStructuredSelector} from "reselect";
 import {selectBodyshop, selectCurrentUser,} from "../../redux/user/user.selectors";
+import InstanceRenderManager from "../../utils/instanceRenderMgr";
 
 const mapStateToProps = createStructuredSelector({
     currentUser: selectCurrentUser,
@@ -37,22 +38,24 @@ class ErrorBoundary extends React.Component {
     }
 
     handleErrorSubmit = () => {
-        window.$crisp.push([
-            "do",
-            "message:send",
-            [
-                "text",
-                `I hit the following error: \n\n 
-    ${this.state.error.message}\n\n
-    ${this.state.error.stack}\n\n
-    URL:${window.location} as ${this.props.currentUser.email} for ${
+        InstanceRenderManager({executeFunction:true, imex: () => {
+            window.$crisp.push([
+                "do",
+                "message:send",
+                [
+                  "text",
+                  `I hit the following error: \n\n
+              ${this.state.error.message}\n\n
+              ${this.state.error.stack}\n\n
+              URL:${window.location} as ${this.props.currentUser.email} for ${
                     this.props.bodyshop && this.props.bodyshop.name
-                }
-    `,
-            ],
-        ]);
+                  }
+              `,
+                ],
+              ]);
 
-        window.$crisp.push(["do", "chat:open"]);
+              window.$crisp.push(["do", "chat:open"]);
+        } })
         //     const errorDescription = `**Please add relevant details about what you were doing before you encountered this issue**
 
         // ----