Code reviewHardcr-g398

Subject State mutationLevel Senior–Staff~22 minCommon in Algorithms & data structures interviewsIndustries Software development

Question

Review this React TypeScript toggle-in-list updater.

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 Layers({ initial }: { initial: Layer[] }) {2  const [layers, setLayers] = useState(initial);3 4  const toggle = (id: string) => {5    setLayers(layers.map((l) => {6      if (l.id === id) l.visible = !l.visible;7      return l;8    }));9  };10 11  return <Panel layers={layers} onToggle={toggle} />;12}

Run or narrate your approach, then ask the coach.