From 71f530b468d2975647e6c6cf85e58c40e2d77a71 Mon Sep 17 00:00:00 2001
From: Anton Dosov <anton.dosov@elastic.co>
Date: Thu, 26 Sep 2024 10:45:47 +0200
Subject: [PATCH] useLayouEffect in search_box component

---
 packages/eui/src/components/search_bar/search_box.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/eui/src/components/search_bar/search_box.tsx b/packages/eui/src/components/search_bar/search_box.tsx
index 403e9840da3..2e935f622de 100644
--- 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'));