React Review Audit

**Score: 96/100** · 3 errors · 3 warnings

Copy as prompt

```text
Fix the following React Review diagnostics in my codebase.

## Errors (3)

1. [error] jsx-key — src/table-view.jsx:12
Missing "key" prop for element in iterator.

2. [error] jsx-key — src/table-view.jsx:44
Missing "key" prop for element in iterator.

3. [error] require-reduced-motion — package.json:0
Project uses a motion library but has no prefers-reduced-motion handling — required for accessibility (WCAG 2.3.3)

## Warnings (3)

4. [warning] rerender-functional-setstate — src/times-table.jsx:44
setCount(count + ...) — use functional update to avoid stale closures

5. [warning] rerender-functional-setstate — src/times-table.jsx:47
setCount(count + ...) — use functional update to avoid stale closures

6. [warning] no-generic-handler-names — src/app.jsx:144
Non-descriptive handler name "handleChange" — name should describe what it does, not when it runs
```

---

### ❌ Errors (3)

**`jsx-key`**

Missing "key" prop for element in iterator.

> Add a "key" prop to the element in the iterator (https://react.dev/learn/rendering-lists#keeping-list-items-in-order-with-key).

[`src/table-view.jsx:12`](https://github.com/aidenybai/million-demo/blob/8a1454463dd4a1f1939cd5549830073525d104f1/src/table-view.jsx#L12)
[`src/table-view.jsx:44`](https://github.com/aidenybai/million-demo/blob/8a1454463dd4a1f1939cd5549830073525d104f1/src/table-view.jsx#L44)

**`require-reduced-motion`**

Project uses a motion library but has no prefers-reduced-motion handling — required for accessibility (WCAG 2.3.3)

> Add `useReducedMotion()` from your animation library, or a `@media (prefers-reduced-motion: reduce)` CSS query

[`package.json:0`](https://github.com/aidenybai/million-demo/blob/8a1454463dd4a1f1939cd5549830073525d104f1/package.json#L0)

---

### ⚠️ Warnings (3)

**`rerender-functional-setstate`**

setCount(count + ...) — use functional update to avoid stale closures

> Use the callback form: `setState(prev => prev + 1)` to always read the latest value

[`src/times-table.jsx:44`](https://github.com/aidenybai/million-demo/blob/8a1454463dd4a1f1939cd5549830073525d104f1/src/times-table.jsx#L44)
[`src/times-table.jsx:47`](https://github.com/aidenybai/million-demo/blob/8a1454463dd4a1f1939cd5549830073525d104f1/src/times-table.jsx#L47)

**`no-generic-handler-names`**

Non-descriptive handler name "handleChange" — name should describe what it does, not when it runs

> Rename to describe the action: e.g. `handleSubmit` → `saveUserProfile`, `handleClick` → `toggleSidebar`

[`src/app.jsx:144`](https://github.com/aidenybai/million-demo/blob/8a1454463dd4a1f1939cd5549830073525d104f1/src/app.jsx#L144)

---

_{Last scored May 18, 2026 at 10:19 AM UTC. Maintained by [React Review](https://github.com/millionco/react-review).}