Code reviewMediumcr-g190

Subject Frontend bugsLevel Mid–Senior~16 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 NameField({ user }: { user?: { name?: string } }) {2  const [name, setName] = useState(user?.name);3 4  return (5    <input6      value={name}7      onChange={(e) => setName(e.target.value)}8      placeholder="Your name"9    />10  );11}

Run or narrate your approach, then ask the coach.