Provides exact patterns for diagnosing and fixing automatic batching regressions in React 18 class components. Use this skill whenever a class component has…
React 18 Automatic Batching Patterns Reference for diagnosing and fixing the most dangerous silent breaking change in React 18 for class-component codebases. The Core Change Location of setState React 17 React 18 React event handler Batched Batched (same) setTimeout Immediate re-render Batched Promise .then() / .catch() Immediate re-render Batched async/await Immediate re-render Batched Native addEventListener callback Immediate re-render Batched Batched means: all setState calls within that execution context flush together in a single re-render at the end. No intermediate renders occur. Quick Diagnosis Read every async class method. Ask: does any code after an await read this.state to make a decision?
don't have the plugin yet? install it then click "run inline in claude" again.