Starsza odpowiedź nadpisuje nowszą — jak temu zapobiec?

useEffect(() => {
  const controller = new AbortController();
  let ignore = false;
  setLoading(true);
  setError(null);
  fetch(`/api/search?q=${encodeURIComponent(query)}`, {
    signal: controller.signal,
  }).then(r => {
    if (!r.ok) throw new Error(`HTTP ${r.status}`);
    return r.json();
  }).then(data => { if (!ignore) setResults(data); })
    .catch(error => {
      if (!ignore && error.name !== 'AbortError') setError(error);
    }).finally(() => { if (!ignore) setLoading(false); });
  return () => { ignore = true; controller.abort(); };
}, [query]);