adjust types

elastic · May 18, 2023 · 26e4664 · 26e4664
1 parent 4c337f3
commit 26e4664
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/...nthetics/components/monitors_page/overview/overview/grid_by_group/grid_items_by_group.tsx b/...nthetics/components/monitors_page/overview/overview/grid_by_group/grid_items_by_group.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { EuiFocusTrap, EuiOverlayMask, EuiPanel, EuiSpacer } from '@elastic/eui';
+import { EuiFocusTrap, EuiOverlayMask, EuiPanel, EuiSpacer, EuiLoadingSpinner } from '@elastic/eui';
 import React, { useRef, useState } from 'react';
 import { useSelector } from 'react-redux';
 import { get, invert, orderBy } from 'lodash';
@@ -39,6 +39,10 @@ export const GridItemsByGroup = ({
 
   const data = useFilters();
 
+  if (!data) {
+    return <EuiLoadingSpinner />;
+  }
+
   const { monitorTypes, locations, projects, tags } = data;
   let selectedGroup = {
     key: 'location',

diff --git a/...lugins/synthetics/public/apps/synthetics/utils/testing/__mocks__/synthetics_store.mock.ts b/...lugins/synthetics/public/apps/synthetics/utils/testing/__mocks__/synthetics_store.mock.ts
@@ -85,6 +85,13 @@ export const mockState: SyntheticsAppState = {
     error: null,
     loading: false,
     loaded: false,
+    monitorFilterOptions: {
+      monitorTypes: [],
+      tags: [],
+      locations: [],
+      projects: [],
+      schedules: [],
+    },
   },
   overview: {
     pageState: {