diff --git a/package.json b/package.json
index 88ef07ba17cac..0873ab8c158e1 100644
--- a/package.json
+++ b/package.json
@@ -429,7 +429,7 @@
     "eslint-plugin-prefer-object-spread": "^1.2.1",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-react-hooks": "^2.3.0",
+    "eslint-plugin-react-hooks": "^4.0.4",
     "eslint-plugin-react-perf": "^3.2.3",
     "exit-hook": "^2.2.0",
     "faker": "1.1.0",
diff --git a/src/plugins/charts/public/services/theme/theme.ts b/src/plugins/charts/public/services/theme/theme.ts
index 166e1c539688a..e1e71573caa3a 100644
--- a/src/plugins/charts/public/services/theme/theme.ts
+++ b/src/plugins/charts/public/services/theme/theme.ts
@@ -42,8 +42,10 @@ export class ThemeService {
 
   /** A React hook for consuming the charts theme */
   public useChartsTheme = () => {
+    /* eslint-disable-next-line react-hooks/rules-of-hooks */
     const [value, update] = useState(this.chartsDefaultTheme);
 
+    /* eslint-disable-next-line react-hooks/rules-of-hooks */
     useEffect(() => {
       const s = this.chartsTheme$.subscribe(update);
       return () => s.unsubscribe();
diff --git a/src/plugins/console/public/application/containers/editor/editor.tsx b/src/plugins/console/public/application/containers/editor/editor.tsx
index 0bfe837f2cd90..66d3cbab20ac5 100644
--- a/src/plugins/console/public/application/containers/editor/editor.tsx
+++ b/src/plugins/console/public/application/containers/editor/editor.tsx
@@ -47,6 +47,7 @@ export const Editor = memo(({ loading }: Props) => {
     INITIAL_PANEL_WIDTH,
   ]);
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const onPanelWidthChange = useCallback(
     debounce((widths: number[]) => {
       storage.set(StorageKeys.WIDTH, widths);
diff --git a/src/plugins/console/public/application/hooks/use_save_current_text_object.ts b/src/plugins/console/public/application/hooks/use_save_current_text_object.ts
index ab517ba1bfdd1..1bd1a7fb09bd1 100644
--- a/src/plugins/console/public/application/hooks/use_save_current_text_object.ts
+++ b/src/plugins/console/public/application/hooks/use_save_current_text_object.ts
@@ -32,6 +32,7 @@ export const useSaveCurrentTextObject = () => {
 
   const { currentTextObject } = useEditorReadContext();
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   return useCallback(
     throttle(
       (text: string) => {
diff --git a/src/plugins/data/public/ui/search_bar/create_search_bar.tsx b/src/plugins/data/public/ui/search_bar/create_search_bar.tsx
index 18ed632e0a8ec..81e84e3198072 100644
--- a/src/plugins/data/public/ui/search_bar/create_search_bar.tsx
+++ b/src/plugins/data/public/ui/search_bar/create_search_bar.tsx
@@ -135,12 +135,14 @@ export function createSearchBar({ core, storage, data }: StatefulSearchBarDeps)
         queryRef.current = props.query;
         setQuery(props.query || defaultQuery);
       }
+      /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [defaultQuery, props.query]);
 
     useEffect(() => {
       if (props.onQuerySubmit !== onQuerySubmitRef.current) {
         onQuerySubmitRef.current = props.onQuerySubmit;
       }
+      /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [props.onQuerySubmit]);
 
     // handle service state updates.
diff --git a/src/plugins/vis_default_editor/public/components/controls/has_extended_bounds.tsx b/src/plugins/vis_default_editor/public/components/controls/has_extended_bounds.tsx
index a316a087c8bcb..ae3da8e203a57 100644
--- a/src/plugins/vis_default_editor/public/components/controls/has_extended_bounds.tsx
+++ b/src/plugins/vis_default_editor/public/components/controls/has_extended_bounds.tsx
@@ -38,6 +38,7 @@ function HasExtendedBoundsParamEditor(props: AggParamEditorProps<boolean>) {
 
       setValue(value && agg.params.min_doc_count);
     }
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [agg.params.min_doc_count, setValue, value]);
 
   return (
diff --git a/src/plugins/vis_default_editor/public/components/controls/utils/agg_utils.ts b/src/plugins/vis_default_editor/public/components/controls/utils/agg_utils.ts
index ee24e2b42113d..950c856349230 100644
--- a/src/plugins/vis_default_editor/public/components/controls/utils/agg_utils.ts
+++ b/src/plugins/vis_default_editor/public/components/controls/utils/agg_utils.ts
@@ -33,6 +33,7 @@ const CUSTOM_METRIC = {
 };
 
 function useCompatibleAggCallback(aggFilter: AggFilter) {
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   return useCallback(isCompatibleAggregation(aggFilter), [aggFilter]);
 }
 
diff --git a/src/plugins/vis_type_timelion/public/components/panel.tsx b/src/plugins/vis_type_timelion/public/components/panel.tsx
index 4c28e4e5a18ab..99c5532c04832 100644
--- a/src/plugins/vis_type_timelion/public/components/panel.tsx
+++ b/src/plugins/vis_type_timelion/public/components/panel.tsx
@@ -102,6 +102,7 @@ function Panel({ interval, seriesList, renderComplete }: PanelProps) {
     [chartElem]
   );
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const highlightSeries = useCallback(
     debounce(({ currentTarget }: JQuery.TriggeredEvent) => {
       const id = Number(currentTarget.getAttribute(SERIES_ID_ATTR));
@@ -295,6 +296,7 @@ function Panel({ interval, seriesList, renderComplete }: PanelProps) {
     [plot, legendValueNumbers, unhighlightSeries, legendCaption]
   );
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const debouncedSetLegendNumbers = useCallback(
     debounce(setLegendNumbers, DEBOUNCE_DELAY, {
       maxWait: DEBOUNCE_DELAY,
diff --git a/x-pack/plugins/apm/public/components/app/Settings/AgentConfigurations/AgentConfigurationCreateEdit/index.tsx b/x-pack/plugins/apm/public/components/app/Settings/AgentConfigurations/AgentConfigurationCreateEdit/index.tsx
index 5bb678d1c08af..50eb85715969a 100644
--- a/x-pack/plugins/apm/public/components/app/Settings/AgentConfigurations/AgentConfigurationCreateEdit/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/Settings/AgentConfigurations/AgentConfigurationCreateEdit/index.tsx
@@ -79,6 +79,7 @@ export function AgentConfigurationCreateEdit({
       ..._newConfig,
       settings: existingConfig?.settings || {},
     }));
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [existingConfig]);
 
   // update newConfig when existingConfig has loaded
diff --git a/x-pack/plugins/apm/public/components/app/TransactionDetails/Distribution/index.tsx b/x-pack/plugins/apm/public/components/app/TransactionDetails/Distribution/index.tsx
index d39ad530c1b4c..1244dd01a3b43 100644
--- a/x-pack/plugins/apm/public/components/app/TransactionDetails/Distribution/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/TransactionDetails/Distribution/index.tsx
@@ -109,10 +109,12 @@ export const TransactionDistribution: FunctionComponent<Props> = (
     bucketIndex,
   } = props;
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const formatYShort = useCallback(getFormatYShort(transactionType), [
     transactionType,
   ]);
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const formatYLong = useCallback(getFormatYLong(transactionType), [
     transactionType,
   ]);
diff --git a/x-pack/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx b/x-pack/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx
index 988edb197a230..2507eca9ff663 100644
--- a/x-pack/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx
+++ b/x-pack/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx
@@ -66,6 +66,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = ({
         { key: 'transaction.name', value: transaction?.transaction.name },
         { key: 'transaction.type', value: transaction?.transaction.type },
       ].filter((filter): filter is Filter => typeof filter.value === 'string'),
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [transaction]
   );
 
diff --git a/x-pack/plugins/apm/public/hooks/useFetcher.test.tsx b/x-pack/plugins/apm/public/hooks/useFetcher.test.tsx
index 28b836cd2c650..2db4659c83603 100644
--- a/x-pack/plugins/apm/public/hooks/useFetcher.test.tsx
+++ b/x-pack/plugins/apm/public/hooks/useFetcher.test.tsx
@@ -106,6 +106,7 @@ describe('useFetcher', () => {
       jest.useFakeTimers();
 
       const hook = renderHook(
+        /* eslint-disable-next-line react-hooks/exhaustive-deps */
         ({ callback, args }) => useFetcher(callback, args),
         {
           initialProps: {
@@ -165,6 +166,7 @@ describe('useFetcher', () => {
 
     it('should return the same object reference when data is unchanged between rerenders', async () => {
       const hook = renderHook(
+        /* eslint-disable-next-line react-hooks/exhaustive-deps */
         ({ callback, args }) => useFetcher(callback, args),
         {
           initialProps: {
diff --git a/x-pack/plugins/infra/public/alerting/metric_threshold/components/alert_dropdown.tsx b/x-pack/plugins/infra/public/alerting/metric_threshold/components/alert_dropdown.tsx
index 52033a00327c0..d26575f65dfec 100644
--- a/x-pack/plugins/infra/public/alerting/metric_threshold/components/alert_dropdown.tsx
+++ b/x-pack/plugins/infra/public/alerting/metric_threshold/components/alert_dropdown.tsx
@@ -41,6 +41,7 @@ export const MetricsAlertDropdown = () => {
         <FormattedMessage id="xpack.infra.alerting.manageAlerts" defaultMessage="Manage alerts" />
       </EuiContextMenuItem>,
     ];
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [kibana.services]);
 
   return (
diff --git a/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression.tsx b/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression.tsx
index db5cfb1416dec..7a71bb68bc54f 100644
--- a/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression.tsx
+++ b/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression.tsx
@@ -90,6 +90,7 @@ export const Expressions: React.FC<Props> = (props) => {
         aggregation: 'avg',
       };
     }
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [alertsContext.metadata]);
 
   const updateParams = useCallback(
@@ -109,6 +110,7 @@ export const Expressions: React.FC<Props> = (props) => {
       timeUnit: timeUnit ?? defaultExpression.timeUnit,
     });
     setAlertParams('criteria', exp);
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [setAlertParams, alertParams.criteria, timeSize, timeUnit]);
 
   const removeExpression = useCallback(
@@ -119,6 +121,7 @@ export const Expressions: React.FC<Props> = (props) => {
         setAlertParams('criteria', exp);
       }
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [setAlertParams, alertParams.criteria]
   );
 
@@ -133,6 +136,7 @@ export const Expressions: React.FC<Props> = (props) => {
     [setAlertParams, derivedIndexPattern]
   );
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const debouncedOnFilterChange = useCallback(debounce(onFilterChange, FILTER_TYPING_DEBOUNCE_MS), [
     onFilterChange,
   ]);
@@ -162,6 +166,7 @@ export const Expressions: React.FC<Props> = (props) => {
       setTimeSize(ts || undefined);
       setAlertParams('criteria', criteria);
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [alertParams.criteria, setAlertParams]
   );
 
@@ -175,6 +180,7 @@ export const Expressions: React.FC<Props> = (props) => {
       setTimeUnit(tu as TimeUnit);
       setAlertParams('criteria', criteria);
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [alertParams.criteria, setAlertParams]
   );
 
diff --git a/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression_chart.tsx b/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression_chart.tsx
index 64a5792689d52..a886dccf105cf 100644
--- a/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression_chart.tsx
+++ b/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression_chart.tsx
@@ -90,6 +90,7 @@ export const ExpressionChart: React.FC<Props> = ({
       : (value: number) => `${value}`;
   }, [data]);
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const yAxisFormater = useCallback(createFormatterForMetric(metric), [expression]);
 
   if (loading || !data) {
diff --git a/x-pack/plugins/infra/public/components/alerting/inventory/alert_dropdown.tsx b/x-pack/plugins/infra/public/components/alerting/inventory/alert_dropdown.tsx
index c48b5b9a2cc58..47a0f037816bc 100644
--- a/x-pack/plugins/infra/public/components/alerting/inventory/alert_dropdown.tsx
+++ b/x-pack/plugins/infra/public/components/alerting/inventory/alert_dropdown.tsx
@@ -41,6 +41,7 @@ export const InventoryAlertDropdown = () => {
         <FormattedMessage id="xpack.infra.alerting.manageAlerts" defaultMessage="Manage alerts" />
       </EuiContextMenuItem>,
     ];
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [kibana.services]);
 
   return (
diff --git a/x-pack/plugins/infra/public/components/alerting/inventory/expression.tsx b/x-pack/plugins/infra/public/components/alerting/inventory/expression.tsx
index f4fab113cdd17..074464fb55414 100644
--- a/x-pack/plugins/infra/public/components/alerting/inventory/expression.tsx
+++ b/x-pack/plugins/infra/public/components/alerting/inventory/expression.tsx
@@ -117,6 +117,7 @@ export const Expressions: React.FC<Props> = (props) => {
       timeUnit: timeUnit ?? defaultExpression.timeUnit,
     });
     setAlertParams('criteria', exp);
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [setAlertParams, alertParams.criteria, timeSize, timeUnit]);
 
   const removeExpression = useCallback(
@@ -141,6 +142,7 @@ export const Expressions: React.FC<Props> = (props) => {
     [derivedIndexPattern, setAlertParams]
   );
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const debouncedOnFilterChange = useCallback(debounce(onFilterChange, FILTER_TYPING_DEBOUNCE_MS), [
     onFilterChange,
   ]);
diff --git a/x-pack/plugins/infra/public/components/alerting/logs/expression_editor/editor.tsx b/x-pack/plugins/infra/public/components/alerting/logs/expression_editor/editor.tsx
index d81d11e01d4a5..609f99805fe9c 100644
--- a/x-pack/plugins/infra/public/components/alerting/logs/expression_editor/editor.tsx
+++ b/x-pack/plugins/infra/public/components/alerting/logs/expression_editor/editor.tsx
@@ -137,6 +137,7 @@ export const Editor: React.FC<Props> = (props) => {
     } else {
       return [];
     }
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [sourceStatus]);
 
   const updateCount = useCallback(
@@ -176,6 +177,7 @@ export const Editor: React.FC<Props> = (props) => {
       ? [...alertParams.criteria, DEFAULT_CRITERIA]
       : [DEFAULT_CRITERIA];
     setAlertParams('criteria', nextCriteria);
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [alertParams, setAlertParams]);
 
   const removeCriterion = useCallback(
@@ -185,6 +187,7 @@ export const Editor: React.FC<Props> = (props) => {
       });
       setAlertParams('criteria', nextCriteria);
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [alertParams, setAlertParams]
   );
 
diff --git a/x-pack/plugins/infra/public/components/header/header.tsx b/x-pack/plugins/infra/public/components/header/header.tsx
index fa71426f83645..47ee1857da591 100644
--- a/x-pack/plugins/infra/public/components/header/header.tsx
+++ b/x-pack/plugins/infra/public/components/header/header.tsx
@@ -31,10 +31,12 @@ export const Header = ({ breadcrumbs = [], readOnlyBadge = false }: HeaderProps)
 
   const setBreadcrumbs = useCallback(() => {
     return chrome?.setBreadcrumbs(breadcrumbs || []);
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [breadcrumbs, chrome]);
 
   const setBadge = useCallback(() => {
     return chrome?.setBadge(badge);
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [badge, chrome]);
 
   useEffect(() => {
diff --git a/x-pack/plugins/infra/public/containers/logs/log_entries/index.ts b/x-pack/plugins/infra/public/containers/logs/log_entries/index.ts
index 5fe9a45a7ceed..d5b2a0aaa61c0 100644
--- a/x-pack/plugins/infra/public/containers/logs/log_entries/index.ts
+++ b/x-pack/plugins/infra/public/containers/logs/log_entries/index.ts
@@ -269,6 +269,7 @@ const useFetchEntriesEffect = (
     }
   };
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const fetchNewerEntries = useCallback(
     throttle(() => runFetchMoreEntriesRequest(ShouldFetchMoreEntries.After), 500),
     [props, state.bottomCursor]
@@ -330,10 +331,12 @@ const useFetchEntriesEffect = (
     props.timestampsLastUpdate,
   ];
 
+  /* eslint-disable react-hooks/exhaustive-deps */
   useEffect(fetchNewEntriesEffect, fetchNewEntriesEffectDependencies);
   useEffect(fetchMoreEntriesEffect, fetchMoreEntriesEffectDependencies);
   useEffect(streamEntriesEffect, streamEntriesEffectDependencies);
   useEffect(expandRangeEffect, expandRangeEffectDependencies);
+  /* eslint-enable react-hooks/exhaustive-deps */
 
   return { fetchNewerEntries, checkForNewEntries: runFetchNewEntriesRequest };
 };
diff --git a/x-pack/plugins/infra/public/containers/logs/log_filter/log_filter_state.ts b/x-pack/plugins/infra/public/containers/logs/log_filter/log_filter_state.ts
index 7c903f59002dc..d5a43c0d6cffa 100644
--- a/x-pack/plugins/infra/public/containers/logs/log_filter/log_filter_state.ts
+++ b/x-pack/plugins/infra/public/containers/logs/log_filter/log_filter_state.ts
@@ -82,6 +82,7 @@ export const useLogFilterState: (props: {
     }
 
     return true;
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [filterQueryDraft]);
 
   const serializedFilterQuery = useMemo(() => (filterQuery ? filterQuery.serializedQuery : null), [
diff --git a/x-pack/plugins/infra/public/containers/logs/log_source/log_source.ts b/x-pack/plugins/infra/public/containers/logs/log_source/log_source.ts
index 670988d680147..80aab6237518f 100644
--- a/x-pack/plugins/infra/public/containers/logs/log_source/log_source.ts
+++ b/x-pack/plugins/infra/public/containers/logs/log_source/log_source.ts
@@ -78,6 +78,7 @@ export const useLogSource = ({
     [sourceId, fetch]
   );
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const logIndicesExist = useMemo(() => (sourceStatus?.logIndexNames?.length ?? 0) > 0, [
     sourceStatus,
   ]);
@@ -87,6 +88,7 @@ export const useLogSource = ({
       fields: sourceStatus?.logIndexFields ?? [],
       title: sourceConfiguration?.configuration.name ?? 'unknown',
     }),
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [sourceConfiguration, sourceStatus]
   );
 
diff --git a/x-pack/plugins/infra/public/containers/source/use_source_via_http.ts b/x-pack/plugins/infra/public/containers/source/use_source_via_http.ts
index 94e2537a67a2a..54d565d9ee223 100644
--- a/x-pack/plugins/infra/public/containers/source/use_source_via_http.ts
+++ b/x-pack/plugins/infra/public/containers/source/use_source_via_http.ts
@@ -76,6 +76,7 @@ export const useSourceViaHttp = ({
         title: pickIndexPattern(response?.source, indexType),
       };
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [response, type]
   );
 
diff --git a/x-pack/plugins/infra/public/hooks/use_bulk_get_saved_object.tsx b/x-pack/plugins/infra/public/hooks/use_bulk_get_saved_object.tsx
index 2a70edc9b9a57..cfa9a711f7743 100644
--- a/x-pack/plugins/infra/public/hooks/use_bulk_get_saved_object.tsx
+++ b/x-pack/plugins/infra/public/hooks/use_bulk_get_saved_object.tsx
@@ -35,6 +35,7 @@ export const useBulkGetSavedObject = (type: string) => {
       };
       fetchData();
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [type, kibana.services.savedObjects]
   );
 
diff --git a/x-pack/plugins/infra/public/hooks/use_create_saved_object.tsx b/x-pack/plugins/infra/public/hooks/use_create_saved_object.tsx
index 8313d496a0651..0efb862ad2eb4 100644
--- a/x-pack/plugins/infra/public/hooks/use_create_saved_object.tsx
+++ b/x-pack/plugins/infra/public/hooks/use_create_saved_object.tsx
@@ -40,6 +40,7 @@ export const useCreateSavedObject = (type: string) => {
       };
       save();
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [type, kibana.services.savedObjects]
   );
 
diff --git a/x-pack/plugins/infra/public/hooks/use_delete_saved_object.tsx b/x-pack/plugins/infra/public/hooks/use_delete_saved_object.tsx
index 3f2d15b3b86aa..e353a79b19073 100644
--- a/x-pack/plugins/infra/public/hooks/use_delete_saved_object.tsx
+++ b/x-pack/plugins/infra/public/hooks/use_delete_saved_object.tsx
@@ -29,6 +29,7 @@ export const useDeleteSavedObject = (type: string) => {
       };
       dobj();
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [type, kibana.services.savedObjects]
   );
 
diff --git a/x-pack/plugins/infra/public/hooks/use_find_saved_object.tsx b/x-pack/plugins/infra/public/hooks/use_find_saved_object.tsx
index 8b0ab45f6e6d1..8eb6db6103ed8 100644
--- a/x-pack/plugins/infra/public/hooks/use_find_saved_object.tsx
+++ b/x-pack/plugins/infra/public/hooks/use_find_saved_object.tsx
@@ -37,6 +37,7 @@ export const useFindSavedObject = <SavedObjectType extends SavedObjectAttributes
       };
       fetchData();
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [type, kibana.services.savedObjects]
   );
 
diff --git a/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page_results_content.tsx b/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page_results_content.tsx
index 73468dea5d949..a00351551e2d7 100644
--- a/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page_results_content.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page_results_content.tsx
@@ -68,6 +68,7 @@ export const LogEntryCategoriesResultsContent: React.FunctionComponent = () => {
         title: loadDataErrorTitle,
       });
     },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [services.notifications]
   );
 
diff --git a/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page_results_content.tsx b/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page_results_content.tsx
index 156c9a919440e..3c8db3f8246c0 100644
--- a/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page_results_content.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page_results_content.tsx
@@ -127,6 +127,7 @@ export const LogEntryRateResultsContent: React.FunctionComponent = () => {
     [setAutoRefresh]
   );
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const hasResults = useMemo(() => (logEntryRate?.histogramBuckets?.length ?? 0) > 0, [
     logEntryRate,
   ]);
diff --git a/x-pack/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/expanded_row.tsx b/x-pack/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/expanded_row.tsx
index 11ea137c95a1f..a1d3d56beee2c 100644
--- a/x-pack/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/expanded_row.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/expanded_row.tsx
@@ -29,6 +29,7 @@ export const AnomaliesTableExpandedRow: React.FunctionComponent<{
   const logEntryRateSeries = useMemo(
     () =>
       results?.histogramBuckets ? getLogEntryRateSeriesForPartition(results, partitionId) : [],
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [results, partitionId]
   );
   const anomalyAnnotations = useMemo(
@@ -41,6 +42,7 @@ export const AnomaliesTableExpandedRow: React.FunctionComponent<{
             major: [],
             critical: [],
           },
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [results, partitionId]
   );
   const totalNumberOfLogEntries = useMemo(
@@ -48,6 +50,7 @@ export const AnomaliesTableExpandedRow: React.FunctionComponent<{
       results?.histogramBuckets
         ? getTotalNumberOfLogEntriesForPartition(results, partitionId)
         : undefined,
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [results, partitionId]
   );
   return (
diff --git a/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx b/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx
index 34c4202ab8b65..f41158e114c7d 100644
--- a/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx
@@ -42,6 +42,7 @@ export const LogsSettingsPage = () => {
 
   const availableFields = useMemo(
     () => sourceStatus?.logIndexFields.map((field) => field.name) ?? [],
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [sourceStatus]
   );
 
diff --git a/x-pack/plugins/infra/public/pages/logs/stream/page_view_log_in_context.tsx b/x-pack/plugins/infra/public/pages/logs/stream/page_view_log_in_context.tsx
index b6e6710a0b3b4..cf3eae263ed59 100644
--- a/x-pack/plugins/infra/public/pages/logs/stream/page_view_log_in_context.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/stream/page_view_log_in_context.tsx
@@ -28,6 +28,7 @@ const MODAL_MARGIN = 25;
 export const PageViewLogInContext: React.FC = () => {
   const { sourceConfiguration } = useLogSourceContext();
   const { textScale, textWrap } = useContext(LogViewConfiguration.Context);
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const columnConfigurations = useMemo(() => sourceConfiguration?.configuration.logColumns ?? [], [
     sourceConfiguration,
   ]);
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/layout.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/layout.tsx
index 8b5b191ccfdd9..1452772e49ca1 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/layout.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/layout.tsx
@@ -76,6 +76,7 @@ export const Layout = () => {
   const intervalAsString = convertIntervalToString(interval);
   const dataBounds = calculateBoundsFromNodes(nodes);
   const bounds = autoBounds ? dataBounds : boundsOverride;
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const formatter = useCallback(createInventoryMetricFormatter(options.metric), [options.metric]);
 
   return (
diff --git a/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/chart_section_vis.tsx b/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/chart_section_vis.tsx
index 6a4d6521855a9..dee2e0c9f457f 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/chart_section_vis.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/chart_section_vis.tsx
@@ -45,6 +45,7 @@ export const ChartSectionVis = ({
 }: VisSectionProps) => {
   const isDarkMode = useUiSetting<boolean>('theme:darkMode');
   const [dateFormat] = useKibanaUiSetting('dateFormat');
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const valueFormatter = useCallback(getFormatter(formatter, formatterTemplate), [
     formatter,
     formatterTemplate,
diff --git a/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/sub_section.tsx b/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/sub_section.tsx
index 4c75003616117..88e7c0c08e441 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/sub_section.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/sub_section.tsx
@@ -23,6 +23,7 @@ export const SubSection: FunctionComponent<SubSectionProps> = ({
   isLiveStreaming,
   stopLiveStreaming,
 }) => {
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const metric = useMemo(() => metrics?.find((m) => m.id === id), [id, metrics]);
 
   if (!children || !metric) {
diff --git a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart.tsx b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart.tsx
index d079b7bb93d73..2a218c1c78aa3 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart.tsx
@@ -87,6 +87,7 @@ export const MetricsExplorerChart = ({
       [dateFormat]
     ),
   };
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const yAxisFormater = useCallback(createFormatterForMetric(first(metrics)), [options]);
   const dataDomain = calculateDomain(series, metrics, chartOptions.stack);
   const domain =
diff --git a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/details_page/index.tsx b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/details_page/index.tsx
index 1dd7e660deaa9..6fab78951038f 100644
--- a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/details_page/index.tsx
+++ b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/details_page/index.tsx
@@ -169,6 +169,7 @@ export const AgentConfigDetailsPage: React.FunctionComponent = () => {
         ))}
       </EuiFlexGroup>
     ),
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [agentConfig, configId, agentStatus]
   );
 
diff --git a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/data_stream/list_page/components/data_stream_row_actions.tsx b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/data_stream/list_page/components/data_stream_row_actions.tsx
index cdc4f1c63a11d..057970aa1ee92 100644
--- a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/data_stream/list_page/components/data_stream_row_actions.tsx
+++ b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/data_stream/list_page/components/data_stream_row_actions.tsx
@@ -48,6 +48,7 @@ export const DataStreamRowActions = memo<{ datastream: DataStream }>(({ datastre
       items: [
         {
           icon: 'dashboardApp',
+          /* eslint-disable-next-line react-hooks/rules-of-hooks */
           href: useKibanaLink(`/dashboard/${dashboards[0].id || ''}`),
           name: actionNameSingular,
         },
@@ -70,6 +71,7 @@ export const DataStreamRowActions = memo<{ datastream: DataStream }>(({ datastre
       items: dashboards.map((dashboard) => {
         return {
           icon: 'dashboardApp',
+          /* eslint-disable-next-line react-hooks/rules-of-hooks */
           href: useKibanaLink(`/dashboard/${dashboard.id || ''}`),
           name: dashboard.title,
         };
diff --git a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/agent_details_page/index.tsx b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/agent_details_page/index.tsx
index 1a7681584ff15..5bb0464801f70 100644
--- a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/agent_details_page/index.tsx
+++ b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/agent_details_page/index.tsx
@@ -90,6 +90,7 @@ export const AgentDetailsPage: React.FunctionComponent = () => {
         </EuiFlexItem>
       </EuiFlexGroup>
     ),
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [agentData, agentId, getHref]
   );
 
@@ -141,6 +142,7 @@ export const AgentDetailsPage: React.FunctionComponent = () => {
           ))}
         </EuiFlexGroup>
       ) : undefined,
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [agentConfigData, agentData, getHref, isAgentConfigLoading]
   );
 
diff --git a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/outlier_exploration/outlier_exploration.tsx b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/outlier_exploration/outlier_exploration.tsx
index 0154f92576c4a..58f8528236bb9 100644
--- a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/outlier_exploration/outlier_exploration.tsx
+++ b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/outlier_exploration/outlier_exploration.tsx
@@ -73,6 +73,7 @@ export const OutlierExploration: FC<ExplorationProps> = React.memo(({ jobId }) =
     );
   }
 
+  /* eslint-disable-next-line react-hooks/rules-of-hooks */
   const colorRange = useColorRange(
     COLOR_RANGE.BLUE,
     COLOR_RANGE_SCALE.INFLUENCER,
diff --git a/x-pack/plugins/painless_lab/public/application/hooks/use_submit_code.ts b/x-pack/plugins/painless_lab/public/application/hooks/use_submit_code.ts
index 36cd4f280ac4c..d0426a5e67e46 100644
--- a/x-pack/plugins/painless_lab/public/application/hooks/use_submit_code.ts
+++ b/x-pack/plugins/painless_lab/public/application/hooks/use_submit_code.ts
@@ -19,6 +19,7 @@ export const useSubmitCode = (http: HttpSetup) => {
   const [response, setResponse] = useState<Response | undefined>(undefined);
   const [inProgress, setInProgress] = useState(false);
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const submit = useCallback(
     debounce(
       async (config: Payload) => {
diff --git a/x-pack/plugins/security_solution/public/common/components/formatted_date/index.tsx b/x-pack/plugins/security_solution/public/common/components/formatted_date/index.tsx
index 936bd26adff7f..687d2a36da610 100644
--- a/x-pack/plugins/security_solution/public/common/components/formatted_date/index.tsx
+++ b/x-pack/plugins/security_solution/public/common/components/formatted_date/index.tsx
@@ -14,6 +14,7 @@ import { LocalizedDateTooltip } from '../localized_date_tooltip';
 import { getMaybeDate } from './maybe_date';
 
 export const PreferenceFormattedDate = React.memo<{ dateFormat?: string; value: Date }>(
+  /* eslint-disable-next-line react-hooks/rules-of-hooks */
   ({ value, dateFormat = useDateFormat() }) => (
     <>{moment.tz(value, useTimeZone()).format(dateFormat)}</>
   )
diff --git a/x-pack/plugins/security_solution/public/endpoint_alerts/view/details/overview/index.tsx b/x-pack/plugins/security_solution/public/endpoint_alerts/view/details/overview/index.tsx
index e2d222e3b836b..937e3727ca613 100644
--- a/x-pack/plugins/security_solution/public/endpoint_alerts/view/details/overview/index.tsx
+++ b/x-pack/plugins/security_solution/public/endpoint_alerts/view/details/overview/index.tsx
@@ -34,6 +34,7 @@ const AlertDetailsOverviewComponent = memo(() => {
     return null;
   }
 
+  /* eslint-disable-next-line react-hooks/rules-of-hooks */
   const tabs: EuiTabbedContentTab[] = useMemo(() => {
     return [
       {
@@ -71,11 +72,13 @@ const AlertDetailsOverviewComponent = memo(() => {
     ];
   }, [alertDetailsData]);
 
+  /* eslint-disable-next-line react-hooks/rules-of-hooks */
   const activeTab = useMemo(
     () => (alertDetailsTabId ? tabs.find(({ id }) => id === alertDetailsTabId) : tabs[0]),
     [alertDetailsTabId, tabs]
   );
 
+  /* eslint-disable-next-line react-hooks/rules-of-hooks */
   const handleTabClick = useCallback(
     (clickedTab: EuiTabbedContentTab): void => {
       if (clickedTab.id !== alertDetailsTabId) {
diff --git a/x-pack/plugins/security_solution/public/hosts/components/first_last_seen_host/index.tsx b/x-pack/plugins/security_solution/public/hosts/components/first_last_seen_host/index.tsx
index 5cbfe2275d31c..579c3311cf732 100644
--- a/x-pack/plugins/security_solution/public/hosts/components/first_last_seen_host/index.tsx
+++ b/x-pack/plugins/security_solution/public/hosts/components/first_last_seen_host/index.tsx
@@ -22,6 +22,7 @@ export const FirstLastSeenHost = React.memo<{ hostname: string; type: FirstLastS
     return (
       <ApolloConsumer>
         {(client) => {
+          /* eslint-disable-next-line react-hooks/rules-of-hooks */
           const { loading, firstSeen, lastSeen, errorMessage } = useFirstLastSeenHostQuery(
             hostname,
             'default',
diff --git a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/policy_response.tsx b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/policy_response.tsx
index 8172165a77e78..8db95f586782c 100644
--- a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/policy_response.tsx
+++ b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/policy_response.tsx
@@ -136,8 +136,14 @@ export const PolicyResponse = memo(
           const attentionCount = responseAttentionCount.get(key);
           return (
             <PolicyResponseConfigAccordion
-              id={useMemo(() => htmlIdGenerator()(), [])}
-              key={useMemo(() => htmlIdGenerator()(), [])}
+              id={
+                /* eslint-disable-next-line react-hooks/rules-of-hooks */
+                useMemo(() => htmlIdGenerator()(), [])
+              }
+              key={
+                /* eslint-disable-next-line react-hooks/rules-of-hooks */
+                useMemo(() => htmlIdGenerator()(), [])
+              }
               data-test-subj="hostDetailsPolicyResponseConfigAccordion"
               buttonContent={
                 <EuiText size="s">
diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/fetch_kql_timeline.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/fetch_kql_timeline.tsx
index e75f87e0d6011..77bd9aeba3ed2 100644
--- a/x-pack/plugins/security_solution/public/timelines/components/timeline/fetch_kql_timeline.tsx
+++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/fetch_kql_timeline.tsx
@@ -30,6 +30,7 @@ const TimelineKqlFetchComponent = memo<OwnProps>(
         inputId,
         inspect: null,
         loading: false,
+        /* eslint-disable-next-line react-hooks/rules-of-hooks */
         refetch: useUpdateKql({
           indexPattern,
           kueryFilterQuery,
diff --git a/x-pack/plugins/transform/public/app/sections/create_transform/components/step_define/common/filter_agg/components/filter_term_form.tsx b/x-pack/plugins/transform/public/app/sections/create_transform/components/step_define/common/filter_agg/components/filter_term_form.tsx
index b48deb771c873..67be9fb7ca793 100644
--- a/x-pack/plugins/transform/public/app/sections/create_transform/components/step_define/common/filter_agg/components/filter_term_form.tsx
+++ b/x-pack/plugins/transform/public/app/sections/create_transform/components/step_define/common/filter_agg/components/filter_term_form.tsx
@@ -30,6 +30,7 @@ export const FilterTermForm: FilterAggConfigTerm['aggTypeConfig']['FilterAggForm
   const [options, setOptions] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
 
+  /* eslint-disable-next-line react-hooks/exhaustive-deps */
   const fetchOptions = useCallback(
     debounce(async (searchValue: string) => {
       const esSearchRequest = {
diff --git a/yarn.lock b/yarn.lock
index 892fa1b5aa567..eea0126a8ca01 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12707,10 +12707,10 @@ eslint-plugin-prettier@^3.1.3:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
-eslint-plugin-react-hooks@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-2.3.0.tgz#53e073961f1f5ccf8dd19558036c1fac8c29d99a"
-  integrity sha512-gLKCa52G4ee7uXzdLiorca7JIQZPPXRAQDXV83J4bUEeUuc5pIEyZYAZ45Xnxe5IuupxEqHS+hUhSLIimK1EMw==
+eslint-plugin-react-hooks@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.0.4.tgz#aed33b4254a41b045818cacb047b81e6df27fa58"
+  integrity sha512-equAdEIsUETLFNCmmCkiCGq6rkSK5MoJhXFPFYeUebcjKgBmWWcgVOqZyQC8Bv1BwVCnTq9tBxgJFgAJTWoJtA==
 
 eslint-plugin-react-perf@^3.2.3:
   version "3.2.3"