following-the-rules-of-hooks

What problem does it solve?

Violating React Rules of Hooks (calling hooks inside loops, conditions, or non-component functions) leads to unstable state, bugs, and inconsistent render orders.

Core Features & Use Cases

• Detects violations like hooks inside conditional blocks or loops.
• Provides fixes by hoisting hooks to the top level and moving conditional logic into render-time guards.
• Guidance for custom hooks and avoiding hooks inside class components.

Quick Start

Audit components for hook usage in conditions/loops and refactor to call hooks at the top level; push conditional logic into rendering instead of conditional hooks.