forge-react-hooks

What problem does it solve?

It prevents React hook order violations that can break state alignment across renders and cause runtime errors like "Rendered fewer hooks than expected."

Core Features & Use Cases

• AST-precise Rules of Hooks verification: Detects conditional/loop/ternary/short-circuit/try-catch/early-return patterns with hook-level accuracy.
• React component and custom hook enforcement: Ensures hooks are only called at the top level of function components or other custom hooks.
• Scope coverage for similar ecosystems: Applies to React and compatible hook-based libraries referenced by the skill (e.g., preact/solid-js patterns with the same discipline).

Quick Start

Use the forge-react-hooks skill to check a React or TypeScript file and fix any hooks called conditionally, in loops, via short-circuits/ternaries, inside try/catch, or after early returns.