Code reviewMediumcr-g403

Subject Hydration mismatchLevel Mid–Senior~18 minCommon in Code quality & review interviewsIndustries Software development

Question

Review this React TypeScript form-field component (Next.js SSR).

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 Field({ label }: { label: string }) {2  const id = `field-${Math.random().toString(36).slice(2)}`;3  return (4    <>5      <label htmlFor={id}>{label}</label>6      <input id={id} />7    </>8  );9}

Run or narrate your approach, then ask the coach.