Fixes infinite useEffect loop useFetchIndex hook because non memoized…

… value
elastic · Apr 26, 2021 · 3836333 · 3836333
1 parent 74f9c91
commit 3836333
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/...ns/security_solution/public/management/pages/event_filters/view/components/form/index.tsx b/...ns/security_solution/public/management/pages/event_filters/view/components/form/index.tsx
@@ -56,7 +56,9 @@ export const EventFiltersForm: React.FC<EventFiltersFormProps> = memo(
     const dispatch = useDispatch<Dispatch<AppAction>>();
     const exception = useEventFiltersSelector(getFormEntry);
 
-    const [isIndexPatternLoading, { indexPatterns }] = useFetchIndex(['logs-endpoint.events.*']);
+    // This value has to be memoized to avoid infinite useEffect loop on useFetchIndex
+    const indexNames = useMemo(() => ['logs-endpoint.events.*'], []);
+    const [isIndexPatternLoading, { indexPatterns }] = useFetchIndex(indexNames);
 
     const osOptions: Array<EuiSuperSelectOption<OperatingSystem>> = useMemo(
       () => OPERATING_SYSTEMS.map((os) => ({ value: os, inputDisplay: OS_TITLES[os] })),