[MEDIUM] Add fetch timeout with AbortController in API layer #40

New issue

Closed

opened 2026-06-09 00:03:13 +00:00 by Mark · 0 comments

Mark commented

2026-06-09 00:03:13 +00:00

Owner

Location: src/lib/api.ts:35-59

Problem: fetchApi() calls native fetch() with no timeout. Hanging requests block the UI indefinitely on network stalls.

Impact: Users stuck on loading spinners with no recovery.

Fix:

const controller = new AbortController();
const timeout = setTimeout(() => controller.abort(), 10000);
const response = await fetch(url, { ...options, signal: controller.signal });
clearTimeout(timeout);

Effort: ~20 mins

**Location:** `src/lib/api.ts:35-59` **Problem:** `fetchApi()` calls native `fetch()` with no timeout. Hanging requests block the UI indefinitely on network stalls. **Impact:** Users stuck on loading spinners with no recovery. **Fix:** ```ts const controller = new AbortController(); const timeout = setTimeout(() => controller.abort(), 10000); const response = await fetch(url, { ...options, signal: controller.signal }); clearTimeout(timeout); ``` **Effort:** ~20 mins