Avoid cascaded fetches inside React effects

#Metadata

Rule ID

ts.react.no-cascaded-effect-fetches

Severity

medium

Confidence

0.82

Languages

javascript, typescript

Presets

strict

Stability

experimental

Applies to

function

Tags

next, performance, react, rules-catalog

#Why it matters

Waterfall-style fetches delay rendering and hide data-loading cost inside client effects.

#Remediation

Parallelize the requests, move data loading server-side, or cache the first response before issuing the next request.

#Repository path

The generated metadata points to critiq-rules/libs/rules/catalog/rules/typescript/ts.react.no-cascaded-effect-fetches.rule.yaml.