React Dataflow
Tracks how data flows through component trees: derived state, lifted state, prop chains.
Inefficient data flow patterns (deeply derived state, redundant lifting, prop chains where context would serve) cause unnecessary re-renders and complicate component lifecycle. This analysis flags patterns that hurt performance or readability.
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.