From f7b7db4856b1d759120854e6b10eb0ab2a4c010f Mon Sep 17 00:00:00 2001
From: Dotty <dottykurmi123@gmail.com>
Date: Fri, 7 Jun 2024 08:49:55 -0400
Subject: [PATCH] fix deploy storybook

---
 src/components/elements/Inputs/Map/RHFMap.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/elements/Inputs/Map/RHFMap.tsx b/src/components/elements/Inputs/Map/RHFMap.tsx
index e3df35f05..b0f46f544 100644
--- a/src/components/elements/Inputs/Map/RHFMap.tsx
+++ b/src/components/elements/Inputs/Map/RHFMap.tsx
@@ -1,15 +1,17 @@
 import { useT } from "@transifex/react";
+import dynamic from "next/dynamic";
 import { PropsWithChildren, useEffect } from "react";
 import { useController, UseControllerProps, UseFormReturn } from "react-hook-form";
 
 import InputWrapper, { InputWrapperProps } from "@/components/elements/Inputs/InputElements/InputWrapper";
-import { MapContainer } from "@/components/elements/Map-mapbox/Map";
 import { AdditionalPolygonProperties } from "@/components/elements/Map-mapbox/MapLayers/ShapePropertiesModal";
 import { useGetV2ENTITYUUID } from "@/generated/apiComponents";
 import { singularEntityNameToPlural } from "@/helpers/entity";
 import { useDebounce } from "@/hooks/useDebounce";
 import { Entity, SingularEntityName } from "@/types/common";
 
+const Map = dynamic(() => import("@/components/elements/Map-mapbox/Map"), { ssr: false });
+
 export interface RHFMapProps extends UseControllerProps, InputWrapperProps {
   onChangeCapture?: () => void;
   formHook: UseFormReturn;
@@ -85,7 +87,7 @@ const RHFMap = ({
 
   return (
     <InputWrapper {...inputWrapperProps}>
-      <MapContainer
+      <Map
         geojson={value}
         onGeojsonChange={_onChange}
         editable