witine/lookingglass
1
0
Fork 0
forked from mirrors/thatmattlove-hyperglass
Code Issues Pull requests Releases Activity

cancel running queries on component unmount

Browse source
This commit is contained in:
checktheroads 2021-01-05 22:49:09 -07:00
parent e23e1fb924
commit 9f6d16c28c
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
hyperglass/ui/hooks/useLGQuery.ts
View file

@ -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<TQueryRespons
);
return await res.json();
}
// Cancel any still-running queries on unmount.
useEffect(
() => () => {
controller.abort();
},
[],
);
return useQuery<TQueryResponse, Response | TQueryResponse | Error>(
['/api/query/', query],
runQuery,