Upgrade React Class Component to Hooks

Modernize a React class component by converting it to a functional one using hooks.

category:modernization
react
hooks
refactor
frontend
0

Prompt

Convert this React class component to a modern functional component.

Use:
- useState for local state
- useEffect for lifecycle logic
- useMemo / useCallback for expensive computations and callbacks
- Extract reusable logic into custom hooks when it makes sense

Preserve:
- Existing props API
- Side effects
- Behavior and rendering output