Skip to content
Critiq Docs

Search docs

Search documentation pages and rules

correctness.ui

Avoid legacy React lifecycle methods

Legacy class lifecycle hooks are brittle in strict mode and block migration toward modern React patterns.

#Metadata

Rule ID
ts.react.no-legacy-lifecycle
Severity
medium
Confidence
0.76
Languages
javascript, typescript
Presets
strict
Stability
experimental
Applies to
function
Tags
react, rules-catalog, ui

#Why it matters

Deprecated lifecycle methods are easy to misuse during async rendering and create noisy upgrade work across older React codebases.

#Remediation

Prefer modern lifecycle alternatives, hooks, or an explicit `UNSAFE_` migration name only as a short-lived bridge.

#Repository path

The generated metadata points to critiq-rules/libs/rules/catalog/rules/typescript/ts.react.no-legacy-lifecycle.rule.yaml.