update side effect

elastic · Feb 24, 2021 · 4c74803 · 4c74803
1 parent 5238f2f
commit 4c74803
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/x-pack/plugins/uptime/public/components/overview/kuery_bar/typeahead/use_simple_kuery.ts b/x-pack/plugins/uptime/public/components/overview/kuery_bar/typeahead/use_simple_kuery.ts
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import useDebounce from 'react-use/lib/useDebounce';
 import { useUrlParams } from '../../../../hooks';
 
@@ -16,6 +16,10 @@ export const useSimpleQuery = () => {
 
   const [debouncedValue, setDebouncedValue] = useState(query ?? '');
 
+  useEffect(() => {
+    setDebouncedValue(query ?? '');
+  }, [query]);
+
   useDebounce(
     () => {
       updateUrlParams({ query: debouncedValue });