Fix/modal

src/components/map/controls/basemap-settings/index.tsx

@@ -58,7 +58,7 @@ export const BasemapSettings = ({ className }: { className?: string }) => {
             <BasemapsContextualMapSettings />
           </Helper>
         </div>
-        <DialogClose onClose={close} />
+        <DialogClose />
       </DialogContent>
     </Dialog>
   );

src/components/map/controls/share/index.tsx

@@ -113,7 +113,7 @@ export const Share = ({
                 </div>
               </div>
             </div>
-            <DialogClose onClose={close} />
+            <DialogClose />
           </DialogContent>
         </Dialog>
       )}

src/containers/datasets/biomass/hooks.tsx

@@ -32,7 +32,7 @@ export const widgetSlug = 'aboveground_biomass';
 const COLORS = ['#EAF19D', '#B8E98E', '#1B97C1', '#1C52A3', '#13267F'];
 
 const getColorKeys = (data: Data[] = []) =>
-  data.reduce((acc, d, i) => {
+  data?.reduce((acc, d, i) => {
     return {
       ...acc,
       [d.indicator]: COLORS[i],

src/containers/datasets/fisheries/hooks.tsx

@@ -21,7 +21,7 @@ import type { DataResponse, Data } from './types';
 const COLORS = ['#F3E79B', '#FAC484', '#F0746E', '#B9257A', '#701A64'];
 
 const getColorKeys = (data) =>
-  data.reduce(
+  data?.reduce(
     (acc, d, index) => ({
       ...acc,
       [d]: COLORS[index],

src/containers/datasets/height/hooks.tsx

@@ -44,7 +44,7 @@ const getData = (data: Data[], unit, COLORS_BY_INDICATOR: ColorKeysTypes) => {
   const barsValues = data?.map(({ value }) => value);
   const total = barsValues.reduce((previous, current) => current + previous);
   return [
-    data.reduce((acc, d) => {
+    data?.reduce((acc, d) => {
       const percentage = (d.value / total) * 100;
       return {
         ...acc,
@@ -58,7 +58,7 @@ const getData = (data: Data[], unit, COLORS_BY_INDICATOR: ColorKeysTypes) => {
 };
 
 const getBars = (data: Data[], COLORS_BY_INDICATOR: ColorKeysTypes) =>
-  data.reduce(
+  data?.reduce(
     (acc, d) => ({
       ...acc,
       [`${d.indicator} m`]: {

src/containers/datasets/iucn-ecoregion/hooks.tsx

@@ -33,7 +33,7 @@ type DataResponse = {
 };
 
 const getColorKeys = (data: Data[]) =>
-  data.reduce(
+  data?.reduce(
     (acc, d) => ({
       ...acc,
       [d.category]: COLORS[d.category],

src/store/widgets/index.ts

@@ -10,7 +10,7 @@ import { ContextualBasemapsId, WidgetSlugType } from 'types/widget';
 // by default we want to show all widgets in the distribution and change category
 const defaultCategory: Category = 'distribution_and_change';
 const defaultWidgets = widgets
-  .filter((widget) => widget.categoryIds.includes(defaultCategory))
+  .filter((widget) => widget.categoryIds?.includes(defaultCategory))
   .map((widget) => widget.slug) satisfies WidgetSlugType[];
 
 export const activeWidgetsAtom = atom<(WidgetSlugType | ContextualBasemapsId | 'custom-area')[]>({