From d102d801642e909b69ea3f88ea16b04a9559a29b Mon Sep 17 00:00:00 2001
From: Erik Escoffier <me@erik.nz>
Date: Fri, 20 Oct 2023 17:09:49 +0200
Subject: [PATCH] Trying to access mb draw instamce

---
 .../common/map/controls/aoi/reset-aoi-control.tsx    | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/app/scripts/components/common/map/controls/aoi/reset-aoi-control.tsx b/app/scripts/components/common/map/controls/aoi/reset-aoi-control.tsx
index 14d814531..cc02b2fe1 100644
--- a/app/scripts/components/common/map/controls/aoi/reset-aoi-control.tsx
+++ b/app/scripts/components/common/map/controls/aoi/reset-aoi-control.tsx
@@ -19,15 +19,12 @@ const SelectorButton = styled(Button)`
   }
 `;
 
-function ResetAoI() {
-  // This doesn't work as this Context is not reachable frome here :()
-  const { main } = useMaps();
-
+function ResetAoI({ map }: { map: any }) {
   const onReset = useCallback(() => {
-    const mbDraw = (main as any)?.instance?._drawControl;
+    const mbDraw = map?.instance?._drawControl;
     if (!mbDraw) return;
     mbDraw.trash();
-  }, [main]);
+  }, [map]);
 
   return (
     <>
@@ -39,9 +36,10 @@ function ResetAoI() {
 }
 
 export default function ResetAoIControl() {
+  const { main } = useMaps();
   useThemedControl(
     () => {
-      return <ResetAoI />;
+      return <ResetAoI map={main} />;
     },
     {
       position: 'top-left'