Tab content ignores active flag
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.
0:00 of about 20 min
Mark a line and say what kind of problem it is.0 findings
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}
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.