Code RoomHydration mismatch from random ID

MediumPrep Room Coding #2031

Hydration mismatch from random ID

Code reviewCode quality & reviewMid–Senior~18 min

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.

0:00 of about 18 min

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

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}

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