Add error handling for react exception

app.py

@@ -326,45 +326,53 @@ elif st.session_state.predict_button_clicked and st.session_state.exp is not Non
                     # + "  \n For more details, see full explanation of the credit assessment below.",
                 )
         explanation_expander = st.expander("Show explanation")
-        with explanation_expander:
-            # Show explanation
-            col_pos, col_neg = st.columns(2)
-
-            with col_pos:
-                st.subheader("Factors :green[in favor] of loan approval")
-                # st.success("**Factors in favor of loan approval**")
-                st.dataframe(
-                    pos_exp_df_t,
-                    hide_index=True,
-                    width=600,
-                    column_config={
-                        "Weight": st.column_config.ProgressColumn(
-                            "Weight",
-                            width="small",
-                            format=" ",
-                            min_value=0,
-                            max_value=1,
-                        )
-                    },
-                )
-
-            with col_neg:
-                st.subheader("Factors :red[against] loan approval")
-                # st.error("**Factors against loan approval**")
-                st.dataframe(
-                    neg_exp_df_t,
-                    hide_index=True,
-                    width=600,
-                    column_config={
-                        "Weight": st.column_config.ProgressColumn(
-                            "Weight",
-                            width="small",
-                            format=" ",
-                            min_value=0,
-                            max_value=1,
-                        )
-                    },
-                )
+        try:
+            with explanation_expander:
+                # Show explanation
+                col_pos, col_neg = st.columns(2)
+
+                with col_pos:
+                    st.subheader("Factors :green[in favor] of loan approval")
+                    # st.success("**Factors in favor of loan approval**")
+                    st.dataframe(
+                        pos_exp_df_t,
+                        hide_index=True,
+                        width=600,
+                        column_config={
+                            "Weight": st.column_config.ProgressColumn(
+                                "Weight",
+                                width="small",
+                                format=" ",
+                                min_value=0,
+                                max_value=1,
+                            )
+                        },
+                    )
+
+                with col_neg:
+                    st.subheader("Factors :red[against] loan approval")
+                    # st.error("**Factors against loan approval**")
+                    st.dataframe(
+                        neg_exp_df_t,
+                        hide_index=True,
+                        width=600,
+                        column_config={
+                            "Weight": st.column_config.ProgressColumn(
+                                "Weight",
+                                width="small",
+                                format=" ",
+                                min_value=0,
+                                max_value=1,
+                            )
+                        },
+                    )
+        except Exception as e:
+            logging.error(e)
+            st.error(
+                "Failed to show the explanation."
+                + "Refresh the page to reset the application."
+                + "Contact Deeploy if the problem persists."
+            )
 
         st.divider()