Random key breaks reconciliation

Code reviewCode quality & reviewSenior–Staff~22 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 22 min

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

1function Gallery({ photos }: { photos: Photo[] }) {

2 return (

3 <div className="grid">

4 {photos.map((photo) => (

5 <PhotoCard key={Math.random()} photo={photo} />

6 ))}

7 </div>

8 );

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