From 28daed2f6cc721cfa0b92567264becad85d99502 Mon Sep 17 00:00:00 2001
From: KeNgKawthar <seniorrbackenddev@gmail.com>
Date: Wed, 21 Oct 2026 11:08:16 +0000
Subject: [PATCH] Add-error-boundary-for-MapView

---
 src/components/property/PropertyMapView.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/property/PropertyMapView.tsx b/src/components/property/PropertyMapView.tsx
index 21841f03..36a5a8ba 100644
--- a/src/components/property/PropertyMapView.tsx
+++ b/src/components/property/PropertyMapView.tsx
@@ -2,6 +2,7 @@
 
 import { useEffect } from "react";
 import dynamic from "next/dynamic";
+import { ErrorBoundary } from "@/components/ui/SimpleErrorBoundary";
 import type { MapProperty } from "./MapCanvas";
 
 /**
@@ -61,8 +62,19 @@ export default function PropertyMapView({ properties }: PropertyMapViewProps) {
   }, [properties.length]);
 
   return (
-    <MapCanvas
-      properties={properties}
-    />
+    <ErrorBoundary
+      fallback={
+        <div
+          className="flex h-screen w-full items-center justify-center bg-gray-50 text-center dark:bg-gray-900"
+          role="alert"
+        >
+          <p className="text-gray-600 dark:text-gray-300">
+            The map could not be loaded. Please try again.
+          </p>
+        </div>
+      }
+    >
+      <MapCanvas properties={properties} />
+    </ErrorBoundary>
   );
 }