Code reviewHardcr-g399

Subject Race conditions in fetchLevel Mid–Senior~20 minCommon in Concurrency interviewsIndustries Software development

Question

Review this React TypeScript tab content loader.

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 TabContent({ tab }: { tab: string }) {2  const [body, setBody] = useState('');3 4  useEffect(() => {5    let active = true;6    fetch(`/api/tabs/${tab}`)7      .then((r) => r.text())8      .then((t) => setBody(t));9    return () => { active = false; };10  }, [tab]);11 12  return <div>{body}</div>;13}

Run or narrate your approach, then ask the coach.