Prep Room
Sign inCreate account
Code Room
Vibe codingMediumvc-g186
Subject Ai code reviewLevel Mid–Senior~16 minCommon in Concurrency interviewsIndustries Software development

Question

An AI wrote this React data-fetching hook for a search box. It updates results as the query changes. Review it for race conditions.

typescript
function useSearch(query: string) {  const [results, setResults] = useState<Item[]>([]);  useEffect(() => {    fetch(`/api/search?q=${query}`)      .then(r => r.json())      .then(data => setResults(data.items));  }, [query]);  return results;}

The user reports that results sometimes don't match what they typed. What's happening and how do you fix it?

What a strong answer looks like

Treat the AI’s output as a draft to verify, not an answer to trust. Name the specific flaw and the input that triggers it, say how you’d catch it — tests, edge cases, reading critically — and how you’d re-prompt or decompose to get it right.

Learn the concepts
Describe your solution

Vibe coding: describe the solution in plain language (or narrate it) and the coach grades your approach. Generating runnable code from your description is coming next.

Run or narrate your approach, then ask the coach.