React Temporal Patterns
Detects temporal coupling issues: effects ordering, setState in render, useEffect dependency timing.
Temporal coupling in React manifests as effects that depend on side effects from other effects, setState calls that compete during the same render, and dependency arrays that mismatch the actual data lifecycle. This analysis surfaces patterns where the order of effects matters but is not explicit.
Severity guide
- info
- A signal worth being aware of but not requiring action.
- warning
- A pattern likely to cause subtle bugs or performance issues; refactor recommended.
- critical
- A pattern actively breaking expected behavior or contracts; fix immediately.
Remediation
Address the flagged pattern; the message field describes the specific instance.
Review the issue location and apply the React/Next.js best practice for the pattern. Each emission carries enough context to act on directly.