diff --git a/hyperglass/ui/hooks/useLGQuery.ts b/hyperglass/ui/hooks/useLGQuery.ts index 40aae06..dfd73a1 100644 --- a/hyperglass/ui/hooks/useLGQuery.ts +++ b/hyperglass/ui/hooks/useLGQuery.ts @@ -1,3 +1,4 @@ +import { useEffect } from 'react'; import { useQuery } from 'react-query'; import { useConfig } from '~/context'; import { fetchWithTimeout } from '~/util'; @@ -34,6 +35,15 @@ export function useLGQuery(query: TFormQuery): QueryObserverResult () => { + controller.abort(); + }, + [], + ); + return useQuery( ['/api/query/', query], runQuery,