Code reviewHardcr-g186

Subject Race conditions in fetchLevel Senior–Staff~25 minCommon in Concurrency interviewsIndustries Software development

Question

Review this React TypeScript component.

What a strong answer looks like

Separate real bugs from style. Rank issues by severity, point at the root cause rather than the symptom, and suggest a concrete fix — specific and kind.

Learn the concepts

Talk through your review

Code to reviewtsx

1function Results({ query }: { query: string }) {2  const [results, setResults] = useState<Item[]>([]);3 4  useEffect(() => {5    fetch(`/api/search?q=${query}`)6      .then((r) => r.json())7      .then((data) => setResults(data.items));8  }, [query]);9 10  return <List items={results} />;11}

Run or narrate your approach, then ask the coach.