Code reviewHardcr-g407

Subject Frontend bugsLevel Senior–Staff~20 minCommon in Code quality & review interviewsIndustries Software development

Question

Review this React TypeScript token-streaming reducer.

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 Stream() {2  const [text, setText] = useState('');3  const [tokens, setTokens] = useState(0);4 5  const onChunk = (chunk: string) => {6    setText(text + chunk);7    setTokens(tokens + chunk.split(' ').length);8  };9 10  useSocket('/stream', onChunk);11 12  return <pre>{text} ({tokens} tokens)</pre>;13}

Run or narrate your approach, then ask the coach.