fix deploy storybook

wri · Jun 7, 2024 · f7b7db4 · f7b7db4
1 parent 4d7297e
commit f7b7db4
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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