fix: make onLoading prop optional and update the name of Pane

fityannugroho · Nov 29, 2024 · 54ec436 · 54ec436
1 parent 15449c6
commit 54ec436
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/modules/MapDashboard/AreaBoundary.tsx b/modules/MapDashboard/AreaBoundary.tsx
@@ -44,7 +44,7 @@ export type AreaBoundaryProps<A extends FeatureArea> = Omit<
 > & {
   area: A
   code: string
-  onLoading: (isLoading: boolean) => void
+  onLoading?: (isLoading: boolean) => void
   render?: (data?: GetSpecificDataReturn<A>['data']) => React.ReactNode
 }
 
@@ -61,7 +61,7 @@ export default function AreaBoundary<A extends FeatureArea>({
   const areaDetails = useArea(area, code)
 
   useEffect(() => {
-    onLoading(boundary.status === 'pending')
+    onLoading?.(boundary.status === 'pending')
   }, [boundary.status, onLoading])
 
   if (boundary.status === 'pending') {
@@ -86,7 +86,7 @@ export default function AreaBoundary<A extends FeatureArea>({
 
   return (
     <Pane
-      name={area}
+      name={`boundary-${area}-${code}`}
       style={{ zIndex: order ? defaultOverlayPaneZIndex + order : undefined }}
     >
       <FeatureGroup>