From ddeb59169b059039f20f95e3333c8a0d9a5a1b3d Mon Sep 17 00:00:00 2001
From: Vinod Kiran <vinodkiran@outlook.in>
Date: Sun, 27 Apr 2025 10:53:58 +0530
Subject: [PATCH] Better Error reporting for document store operations. (#4350)

* Better Error reporting for document store operations.

* Update packages/ui/src/ErrorBoundary.jsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update index.ts

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Henry Heng <henryheng@flowiseai.com>
---
 packages/ui/src/ErrorBoundary.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/ErrorBoundary.jsx b/packages/ui/src/ErrorBoundary.jsx
index bbe4fafe..9745013f 100644
--- a/packages/ui/src/ErrorBoundary.jsx
+++ b/packages/ui/src/ErrorBoundary.jsx
@@ -16,7 +16,7 @@ const ErrorBoundary = ({ error }) => {
             <Stack flexDirection='column' sx={{ alignItems: 'center', gap: 3 }}>
                 <Stack flexDirection='column' sx={{ alignItems: 'center', gap: 1 }}>
                     <Typography variant='h2'>Oh snap!</Typography>
-                    <Typography variant='h3'>The following error occured when loading this page.</Typography>
+                    <Typography variant='h3'>The following error occurred when loading this page.</Typography>
                 </Stack>
                 <Card variant='outlined'>
                     <Box sx={{ position: 'relative', px: 2, py: 3 }}>
@@ -27,7 +27,7 @@ const ErrorBoundary = ({ error }) => {
                         >
                             <IconCopy />
                         </IconButton>
-                        <pre style={{ margin: 0 }}>
+                        <pre style={{ margin: 0, overflowWrap: 'break-word', whiteSpace: 'pre-wrap', textAlign: 'center' }}>
                             <code>{`Status: ${error.response.status}`}</code>
                             <br />
                             <code>{error.response.data.message}</code>