Pass AbortSignal to fetch to allow for cancelling in-flight requests …

…on navigation

TanStack Query provides an `AbortSignal` instance to the query function which
can in turn be provided to `fetch` to cancel in-flight requests when the response
is no longer required, e.g. incomplete API calls in progress when the user navigates
to a different page.

src/api/comms.js

@@ -122,7 +122,8 @@ export function get(uri, headers, options = {}) {
     uri,
     {
       method: 'GET',
-      headers: getHeaders(headers)
+      headers: getHeaders(headers),
+      signal: options.signal
     },
     options.stream
   );

src/api/utils.js

@@ -83,10 +83,10 @@ export function getKubeAPI({
   ].join('');
 }
 
-export async function defaultQueryFn({ queryKey }) {
+export async function defaultQueryFn({ queryKey, signal }) {
   const [group, version, kind, params] = queryKey;
   const url = getKubeAPI({ group, kind, params, version });
-  const response = await get(url);
+  const response = await get(url, undefined, { signal });
   if (typeof response === 'undefined') {
     return null;
   }