useLayouEffect in search_box component

elastic · Sep 26, 2024 · 71f530b · 71f530b
1 parent ebe9833
commit 71f530b
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/eui/src/components/search_bar/search_box.tsx b/packages/eui/src/components/search_bar/search_box.tsx
@@ -6,9 +6,8 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, useRef } from 'react';
+import React, { FunctionComponent, useRef, useLayoutEffect } from 'react';
 
-import { useUpdateEffect } from '../../services';
 import { useEuiI18n } from '../i18n';
 import { EuiFieldSearch, EuiFieldSearchProps } from '../form';
 import { EuiInputPopover } from '../popover';
@@ -39,7 +38,7 @@ export const EuiSearchBox: FunctionComponent<EuiSearchBoxProps> = ({
 }) => {
   const inputRef = useRef<HTMLInputElement | null>(null);
 
-  useUpdateEffect(() => {
+  useLayoutEffect(() => {
     if (inputRef.current) {
       inputRef.current.value = query;
       inputRef.current.dispatchEvent(new Event('change'));