From 2998a6bd75d75837e5726a7f7cc17e25a78c098f Mon Sep 17 00:00:00 2001
From: Claw AI <claw@example.com>
Date: Wed, 1 Apr 2026 19:07:22 +0000
Subject: [PATCH] fix: import useMapEvents as hook instead of dynamic component

---
 app/owner/properties/add/page.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/owner/properties/add/page.js b/app/owner/properties/add/page.js
index 285e487..469e46c 100644
--- a/app/owner/properties/add/page.js
+++ b/app/owner/properties/add/page.js
@@ -71,7 +71,7 @@ const MapContainer = dynamic(() => import('react-leaflet').then(mod => mod.MapCo
 const TileLayer = dynamic(() => import('react-leaflet').then(mod => mod.TileLayer), { ssr: false });
 const Marker = dynamic(() => import('react-leaflet').then(mod => mod.Marker), { ssr: false });
 const Popup = dynamic(() => import('react-leaflet').then(mod => mod.Popup), { ssr: false });
-const useMapEvents = dynamic(() => import('react-leaflet').then(mod => mod.useMapEvents), { ssr: false });
+import { useMapEvents } from 'react-leaflet';
 
 function MapClickHandler({ onMapClick }) {
   const map = useMapEvents({