Timer runs on every message

Code reviewCode quality & reviewMid–Senior~18 min

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 18 min

Mark a line and say what kind of problem it is.0 findings

1function Toast({ message }: { message: string }) {

2 const [visible, setVisible] = useState(true);

4 useEffect(() => {

5 setTimeout(() => setVisible(false), 3000);

6 }, [message]);

8 if (!visible) return null;

9 return <div className="toast">{message}</div>;

10}

Which questions mattered is sealed until you submit. Telling you now would just be handing over the edge cases.