React Review Audit

**Score: 99/100** · 0 errors · 2 warnings

Copy as prompt

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

## Warnings (2)

1. [warning] client-passive-event-listeners — src/live.jsx:92
"touchmove" listener without { passive: true } — blocks scrolling performance. Only add { passive: true } if the handler does NOT call event.preventDefault() (passive listeners silently ignore preventDefault())

2. [warning] js-batch-dom-css — src/live.jsx:103
Multiple sequential element.style assignments — batch with cssText or classList for fewer reflows
```

---

### ⚠️ Warnings (2)

**`client-passive-event-listeners`**

"touchmove" listener without { passive: true } — blocks scrolling performance. Only add { passive: true } if the handler does NOT call event.preventDefault() (passive listeners silently ignore preventDefault())

> Add `{ passive: true }` as the third argument: `addEventListener('scroll', handler, { passive: true })`. Only do this if the handler does NOT call `event.preventDefault()` — passive listeners silently ignore `preventDefault()`, which breaks features like pull-to-refresh suppression, custom gestures, and nested-scroll containment.

[`src/live.jsx:92`](https://github.com/aidenybai/spot/blob/019a5d531dd1eed00579ff4ce06f105d52f71187/src/live.jsx#L92)

**`js-batch-dom-css`**

Multiple sequential element.style assignments — batch with cssText or classList for fewer reflows

> Batch DOM/CSS reads and writes — interleaving them inside a loop causes layout thrashing. Read first, then write

[`src/live.jsx:103`](https://github.com/aidenybai/spot/blob/019a5d531dd1eed00579ff4ce06f105d52f71187/src/live.jsx#L103)

---

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