[{"model":"Claude Sonnet 4","text":"Modernized the legacy `UserList` from callback jQuery to typed React hooks. Behavior preserved; one latent bug flagged.\n\n**What changed:** replaced imperative DOM mutation and a nested `$.ajax` chain with a single `useEffect` fetch, hoisted the duplicated row-render into a typed component, and added an `AbortController` so unmounting cancels in-flight requests.\n\n```typescript\ntype User = { id: string; name: string; active: boolean };\n\nexport function UserList() {\n const [users, setUsers] = useState([]);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n const ac = new AbortController();\n fetch(\"/api/users\", { signal: ac.signal })\n .then((r) => (r.ok ? r.json() : Promise.reject(r.status)))\n .then(setUsers)\n .catch((e) => e.name !== \"AbortError\" && setError(String(e)));\n return () => ac.abort();\n }, []);\n\n if (error) return

Failed to load users

;\n return

{u.name}

;\n}\n```\n\n**Diff summary:** -64 lines, removed 3 globals, cyclomatic complexity 8 → 2. **Bug flagged:** the original mutated the shared `window.cache` array on every render, leaking stale rows — dropped entirely.","outputContent":"Modernized the legacy `UserList` from callback jQuery to typed React hooks. Behavior preserved; one latent bug flagged.\n\n**What changed:** replaced imperative DOM mutation and a nested `$.ajax` chain with a single `useEffect` fetch, hoisted the duplicated row-render into a typed component, and added an `AbortController` so unmounting cancels in-flight requests.\n\n```typescript\ntype User = { id: string; name: string; active: boolean };\n\nexport function UserList() {\n const [users, setUsers] = useState([]);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n const ac = new AbortController();\n fetch(\"/api/users\", { signal: ac.signal })\n .then((r) => (r.ok ? r.json() : Promise.reject(r.status)))\n .then(setUsers)\n .catch((e) => e.name !== \"AbortError\" && setError(String(e)));\n return () => ac.abort();\n }, []);\n\n if (error) return

Failed to load users

;\n return

{u.name}

Posts