Code reviewMediumcr-g193

Subject Effect dependenciesLevel Mid–Senior~18 minCommon in Code quality & review interviewsIndustries Software development

Question

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.

Learn the concepts

Talk through your review

Code to reviewtsx

1function Toast({ message }: { message: string }) {2  const [visible, setVisible] = useState(true);3 4  useEffect(() => {5    setTimeout(() => setVisible(false), 3000);6  }, [message]);7 8  if (!visible) return null;9  return <div className="toast">{message}</div>;10}

Run or narrate your approach, then ask the coach.