use useMount

elastic · Jan 17, 2024 · 31d5d15 · 31d5d15
1 parent 788a4e4
commit 31d5d15
Showing 1 changed file with 4 additions and 11 deletions.
diff --git a/...sform/public/app/sections/edit_transform/state_management/edit_transform_flyout_state.tsx b/...sform/public/app/sections/edit_transform/state_management/edit_transform_flyout_state.tsx
@@ -5,17 +5,11 @@
  * 2.0.
  */
 
-import React, {
-  createContext,
-  useContext,
-  useEffect,
-  useMemo,
-  type FC,
-  type PropsWithChildren,
-} from 'react';
+import React, { createContext, useContext, useMemo, type FC, type PropsWithChildren } from 'react';
 import { configureStore, createSlice } from '@reduxjs/toolkit';
 import { useDispatch, Provider } from 'react-redux';
 import { bindActionCreators } from 'redux';
+import useMount from 'react-use/lib/useMount';
 
 import type { TransformConfigUnion } from '../../../../../common/types/transform';
 
@@ -66,10 +60,9 @@ export const EditTransformFlyoutProvider: FC<PropsWithChildren<ProviderProps>> =
   const store = useMemo(getReduxStore, []);
 
   // Apply original transform config to redux form state.
-  useEffect(() => {
+  useMount(() => {
     store.dispatch(editTransformFlyoutSlice.actions.initialize(props));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  });
 
   return (
     <EditTransformFlyoutContext.Provider value={props}>