Aborting stale requests

In a live search, every letter you type sends a new request, and nothing guarantees the responses come back in the same order. The slow response for "p" can arrive after the response for "pen" and overwrite it, so the user sees results for a word they're no longer searching for.

AbortController cancels the request itself, not just your waiting for it. You pass its signal to fetch, and when you call abort(), the request rejects with an error named AbortError. So abort the previous request before every new one.

Aborting is a decision you made, not a failure, so don't show it to the user as an error: ignore only AbortError and let every other error show. Also note that a controller can only be used once, so create a new one for every request.