diff --git a/apps/error.tsx b/apps/error.tsx
new file mode 100644
index 00000000..c72ff572
--- /dev/null
+++ b/apps/error.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import { useEffect } from 'react';
+import * as Sentry from '@sentry/nextjs';
+
+export default function GlobalError({ error }: { error: Error }) {
+ useEffect(() => {
+ const eventId = Sentry.captureException(error);
+ Sentry.showReportDialog({
+ eventId,
+ title: "Something broke!",
+ subtitle: "Please help us fix the issue by providing some details.",
+ labelComments: "What happened?",
+ labelName: "Your name",
+ labelEmail: "Your email",
+ labelSubmit: "Send Report",
+ lang: "en",
+ });
+ }, [error]);
+
+ return (
+
+
+ Something went wrong
+ {error.message}
+
+
+ );
+}
\ No newline at end of file