Provides exact patterns for diagnosing and fixing automatic batching regressions in React 18 class components. Use this skill whenever a class component has multiple setState calls in an async method, inside setTimeout, inside a Promise .then() or .catch(), or in a native event handler. Use it before writing any flushSync call - the decision tree here prevents unnecessary flushSync overuse.
Install
npx skills add github/awesome-copilot --skill react18-batching-patternsnpx skills add github/awesome-copilot --skill react18-batching-patterns -a claude-code -gnpx skills add github/awesome-copilot --skill react18-batching-patterns -a codex -ggemini skills install https://github.com/github/awesome-copilot.git --path skills/react18-batching-patternsgh skill install github/awesome-copilot react18-batching-patternsgit clone --depth 1 https://github.com/github/awesome-copilot /tmp/github__awesome-copilot
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/github__awesome-copilot/skills/react18-batching-patterns ~/.claude/skills/react18-batching-patterns # Claude Code
cp -R /tmp/github__awesome-copilot/skills/react18-batching-patterns ~/.agents/skills/react18-batching-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode