From 19d8b757cddfce79245387ecc5f65516c4340246 Mon Sep 17 00:00:00 2001
From: Michael Zetterberg <michael.zetterberg@scandichotels.com>
Date: Fri, 31 May 2024 09:22:17 +0200
Subject: [PATCH] feat: improve error handling

---
 .../my-pages/@breadcrumbs/[...path]/error.tsx |  4 +++-
 .../(protected)/my-pages/[...path]/error.tsx  | 21 +++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 app/[lang]/(live)/(protected)/my-pages/[...path]/error.tsx

diff --git a/app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/[...path]/error.tsx b/app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/[...path]/error.tsx
index 8773a6658..651582baf 100644
--- a/app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/[...path]/error.tsx
+++ b/app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/[...path]/error.tsx
@@ -13,7 +13,9 @@ export default function Error({
 
   return (
     <p>
-      <strong>Breadcrumbs failed for this page ({error.digest})</strong>
+      <strong>
+        Breadcrumbs failed for this page ({error.digest}@{Date.now()})
+      </strong>
     </p>
   )
 }
diff --git a/app/[lang]/(live)/(protected)/my-pages/[...path]/error.tsx b/app/[lang]/(live)/(protected)/my-pages/[...path]/error.tsx
new file mode 100644
index 000000000..721016a28
--- /dev/null
+++ b/app/[lang]/(live)/(protected)/my-pages/[...path]/error.tsx
@@ -0,0 +1,21 @@
+"use client"
+
+import { useEffect } from "react"
+
+export default function Error({
+  error,
+}: {
+  error: Error & { digest?: string }
+}) {
+  useEffect(() => {
+    console.error({ breadcrumbsError: error })
+  }, [error])
+
+  return (
+    <p>
+      <strong>
+        Error loading this page ({error.digest}@{Date.now()})
+      </strong>
+    </p>
+  )
+}