Code reviewHardcr-g181

Subject State mutationLevel Senior–Staff~24 minCommon in Code quality & review interviewsIndustries Software development

Question

Review this React TypeScript reducer-free 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 Settings() {2  const [config, setConfig] = useState({ theme: { color: 'light', font: 'sans' } });3 4  const setColor = (color: string) => {5    const next = { ...config };6    next.theme.color = color;7    setConfig(next);8  };9 10  return <ThemePreview theme={config.theme} />;11}

Run or narrate your approach, then ask the coach.