Add error boundary

elie222 · Jan 11, 2025 · 5915174 · 5915174
1 parent 56f0914
commit 5915174
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/apps/web/components/EmailViewer.tsx b/apps/web/components/EmailViewer.tsx
@@ -6,6 +6,7 @@ import { useDisplayedEmail } from "@/hooks/useDisplayedEmail";
 import { EmailThread } from "@/components/email-list/EmailPanel";
 import { useThread } from "@/hooks/useThread";
 import { LoadingContent } from "@/components/LoadingContent";
+import { ErrorBoundary } from "@/components/ErrorBoundary";
 
 export function EmailViewer() {
   const { threadId, showEmail } = useDisplayedEmail();
@@ -30,14 +31,16 @@ function EmailContent({ threadId }: { threadId: string }) {
   const { data, isLoading, error, mutate } = useThread({ id: threadId });
 
   return (
-    <LoadingContent loading={isLoading} error={error}>
-      {data && (
-        <EmailThread
-          messages={data.thread.messages}
-          refetch={mutate}
-          showReplyButton={false}
-        />
-      )}
-    </LoadingContent>
+    <ErrorBoundary extra={{ component: "EmailContent", threadId }}>
+      <LoadingContent loading={isLoading} error={error}>
+        {data && (
+          <EmailThread
+            messages={data.thread.messages}
+            refetch={mutate}
+            showReplyButton={false}
+          />
+        )}
+      </LoadingContent>
+    </ErrorBoundary>
   );
 }