more code

web/src/hooks/useApi.ts

@@ -27,7 +27,9 @@ export function useApi<T>(fn: () => Promise<T>, deps: unknown[] = []): ApiState<
   fnRef.current = fn
 
   useEffect(() => {
-    const controller = new AbortController()
+    // The fetcher takes no AbortSignal, so cancellation is a guard: a response
+    // that arrives after an unmount or a newer request is dropped on the floor
+    // instead of overwriting fresher state.
     let live = true
     setLoading(true)
 
@@ -50,7 +52,6 @@ export function useApi<T>(fn: () => Promise<T>, deps: unknown[] = []): ApiState<
 
     return () => {
       live = false
-      controller.abort()
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [...deps, nonce])