Fetch response race condition
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.
0:00 of about 25 min
Mark a line and say what kind of problem it is.0 findings
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}
Which questions mattered is sealed until you submit. Telling you now would just be handing over the edge cases.
Run or narrate your approach, then ask the coach.