Ensure the <LogStream /> component reacts to query changes

elastic · Jun 30, 2021 · 218cc44 · 218cc44
1 parent 1d02a0d
commit 218cc44
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/x-pack/plugins/infra/public/containers/logs/log_stream/index.ts b/x-pack/plugins/infra/public/containers/logs/log_stream/index.ts
@@ -66,10 +66,9 @@ export function useLogStream({
   const prevStartTimestamp = usePrevious(startTimestamp);
   const prevEndTimestamp = usePrevious(endTimestamp);
 
-  const cachedQuery = useRef(query);
-
+  const [cachedQuery, setCachedQuery] = useState(query);
   if (!isEqual(query, cachedQuery)) {
-    cachedQuery.current = query;
+    setCachedQuery(query);
   }
 
   useEffect(() => {
@@ -89,7 +88,7 @@ export function useLogStream({
       sourceId,
       startTimestamp,
       endTimestamp,
-      query: cachedQuery.current,
+      query: cachedQuery,
       columnOverrides: columns,
     }),
     [columns, endTimestamp, cachedQuery, sourceId, startTimestamp]