remove debounce logic

src/plugins/vis_types/vega/public/components/vega_vis_component.tsx

@@ -7,9 +7,8 @@
  * License v3.0 only", or the "Server Side Public License, v 1".
  */
 
-import React, { useEffect, useRef, useMemo, useCallback } from 'react';
+import React, { useEffect, useRef, useCallback } from 'react';
 import { EuiResizeObserver, EuiResizeObserverProps, useEuiTheme } from '@elastic/eui';
-import { debounce } from 'lodash';
 
 import type { IInterpreterRenderHandlers, RenderMode } from '@kbn/expressions-plugin/common';
 import { createVegaVisualization } from '../vega_visualization';
@@ -28,8 +27,6 @@ interface VegaVisComponentProps {
 
 type VegaVisController = InstanceType<ReturnType<typeof createVegaVisualization>>;
 
-const DEBOUNCE_INTERVAL = 100;
-
 export const VegaVisComponent = ({
   visData,
   fireEvent,
@@ -64,22 +61,11 @@ export const VegaVisComponent = ({
     }
   }, [renderComplete, visData]);
 
-  const resizeChart = useMemo(
-    () =>
-      debounce((dimensions) => {
-        visController.current?.resize(dimensions);
-      }, DEBOUNCE_INTERVAL),
-    []
-  );
-
-  const onContainerResize: EuiResizeObserverProps['onResize'] = useCallback(
-    (dimensions) => {
-      if (renderCompleted.current) {
-        resizeChart(dimensions);
-      }
-    },
-    [resizeChart]
-  );
+  const onContainerResize: EuiResizeObserverProps['onResize'] = useCallback((dimensions) => {
+    if (renderCompleted.current) {
+      visController.current?.resize(dimensions);
+    }
+  }, []);
 
   const euiTheme = useEuiTheme();