react-errors-hooks

Infinite re-render loops in React usually stem from incorrect useEffect dependencies or updating state unconditionally. This Skill diagnoses hook errors and provides actionable repair guidance to break the cycle and correct hook usage.

Fixing eslint-plugin-react-hooks violations requires correcting missing dependencies and Rules of Hooks breaches. Paste your React component to receive diagnostic tables, anti-pattern catalogs, and targeted repair strategies for React 18/19 TypeScript projects.

A stale closure in React hooks occurs when a useEffect captures outdated state values due to missing dependencies. This Skill identifies stale closures and provides actionable repair guidance to ensure your hooks capture current state correctly.

Adding cleanup to a useEffect hook prevents memory leaks and invalid state updates. This Skill guides correct hook usage and cleanup by providing anti-pattern catalogs and practical repair strategies for your React components.

Yes, you can debug Rules of Hooks violations in React 19. This Skill applies to React 18 and 19 TypeScript projects, offering diagnostic tables and Rules of Hooks guidance to fix conditional hook calls and other violations.