React Review Audit

**Score: 96/100** · 0 errors · 5 warnings

Copy as prompt

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

## Warnings (5)

1. [warning] click-events-have-key-events — src/index.jsx:9
Enforce a clickable non-interactive element has at least one keyboard event listener.

2. [warning] no-static-element-interactions — src/index.jsx:9
Static HTML elements with event handlers require a role.

3. [warning] design-no-redundant-size-axes — src/index.jsx:16
w-24 h-24 → use the shorthand size-24 (Tailwind v3.4+)

4. [warning] no-uncontrolled-input — src/index.jsx:54
with no `onChange` or `readOnly` — React renders this as a silently read-only field

5. [warning] js-combine-iterations — src/index.jsx:35
.filter().map() iterates the array twice — combine into a single loop with .reduce() or for...of
```

---

### ⚠️ Warnings (5)

**`click-events-have-key-events`**

Enforce a clickable non-interactive element has at least one keyboard event listener.

> Visible, non-interactive elements with click handlers must have one of `keyup`, `keydown`, or `keypress` listener.

[`src/index.jsx:9`](https://github.com/aidenybai/mini-pgo/blob/95c05f6a0fdb8378e8b4e4ef3099765be52bba28/src/index.jsx#L9)

**`no-static-element-interactions`**

Static HTML elements with event handlers require a role.

> Add a role attribute to this element, or use a semantic HTML element instead.

[`src/index.jsx:9`](https://github.com/aidenybai/mini-pgo/blob/95c05f6a0fdb8378e8b4e4ef3099765be52bba28/src/index.jsx#L9)

**`design-no-redundant-size-axes`**

w-24 h-24 → use the shorthand size-24 (Tailwind v3.4+)

> Collapse `w-N h-N` to `size-N` (Tailwind v3.4+) when both axes match

[`src/index.jsx:16`](https://github.com/aidenybai/mini-pgo/blob/95c05f6a0fdb8378e8b4e4ef3099765be52bba28/src/index.jsx#L16)

**`no-uncontrolled-input`**

<input value={...}> with no `onChange` or `readOnly` — React renders this as a silently read-only field

> Pass an explicit initial value to `useState` (e.g. `useState("")` instead of `useState()`), add `onChange` (or `readOnly` to opt out) when you supply `value`, and drop `defaultValue` on controlled inputs — React ignores it

[`src/index.jsx:54`](https://github.com/aidenybai/mini-pgo/blob/95c05f6a0fdb8378e8b4e4ef3099765be52bba28/src/index.jsx#L54)

**`js-combine-iterations`**

.filter().map() iterates the array twice — combine into a single loop with .reduce() or for...of

> Combine `.map().filter()` (or similar chains) into a single pass with `.reduce()` or a `for...of` loop to avoid iterating the array twice

[`src/index.jsx:35`](https://github.com/aidenybai/mini-pgo/blob/95c05f6a0fdb8378e8b4e4ef3099765be52bba28/src/index.jsx#L35)

---

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