React Review Audit

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

Copy as prompt

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

## Warnings (3)

1. [warning] rn-prefer-pressable — src/components/List/Card/index.tsx:2
TouchableOpacity is legacy — use from react-native (or react-native-gesture-handler) for modern press handling

2. [warning] no-derived-useState — src/components/List/Card/index.tsx:16
useState initialized from prop "todo" — if this value should stay in sync with the prop, derive it during render instead

3. [warning] rn-prefer-pressable — src/components/Input/index.tsx:2
TouchableOpacity is legacy — use from react-native (or react-native-gesture-handler) for modern press handling
```

---

### ⚠️ Warnings (3)

**`rn-prefer-pressable`**

TouchableOpacity is legacy — use <Pressable> from react-native (or react-native-gesture-handler) for modern press handling

> Use `<Pressable>` from react-native (or react-native-gesture-handler) instead of legacy Touchable* components

[`src/components/List/Card/index.tsx:2`](https://github.com/celeroncoder/fictional-journey/blob/1cf080ec6cd5e45dcbec033ad2ac6c8f53033f65/src/components/List/Card/index.tsx#L2)
[`src/components/Input/index.tsx:2`](https://github.com/celeroncoder/fictional-journey/blob/1cf080ec6cd5e45dcbec033ad2ac6c8f53033f65/src/components/Input/index.tsx#L2)

**`no-derived-useState`**

useState initialized from prop "todo" — if this value should stay in sync with the prop, derive it during render instead

> Remove useState and compute the value inline: `const value = transform(propName)`

[`src/components/List/Card/index.tsx:16`](https://github.com/celeroncoder/fictional-journey/blob/1cf080ec6cd5e45dcbec033ad2ac6c8f53033f65/src/components/List/Card/index.tsx#L16)

---

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