github avatar

React18 Dep Compatibility

When you're upgrading to React 18.3.1 or React 19, this gives you the minimum compatible versions for everything in your dependency tree. It covers the obvious ones like testing-library and react-router, plus the less obvious gotchas like Apollo Client needing 3.8+ for useSyncExternalStore and react-redux v7 breaking in concurrent mode. The decision tree for handling peer dependency conflicts is genuinely helpful, and the guidance on when to actually use legacy-peer-deps (sparingly, with documentation) will save you from future pain. Treat this as your preflight checklist before npm install during a React upgrade.

skills.sh installs
766
GitHub stars
41K
last updated
Aug 21, 2026

Install

$ npx -y skills add github/awesome-copilot --skill react18-dep-compatibility --agent claude-code

Installs into .claude/skills of the current project.

Files

React Dependency Compatibility Matrix

Minimum versions required for React 18.3.1 and React 19 compatibility.

Use this skill whenever checking whether a dependency supports a target React version, resolving peer dependency conflicts, deciding whether to upgrade or use legacy-peer-deps, or assessing the risk of a react-router v5 to v6 migration.

Review this matrix before running npm install during a React upgrade and before accepting an npm dependency conflict resolution, especially where concurrent mode compatibility may be affected.

Core Upgrade Targets

PackageReact 17 (current)React 18.3.1 (min)React 19 (min)Notes
react17.x18.3.119.0.0Pin exactly to 18.3.1 for the R18 orchestra
react-dom17.x18.3.119.0.0Must match react version exactly

Testing Libraries

Sponsors

Details

Repository
github.com/github/awesome-copilot
Categories
Frontend Development, Git & Pull Requests, AI & Agent Building
First seen
May 16, 2026

More from github/awesome-copilot

All 318
1uni-helper avatarviteuni-helper/skillsVite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins, working with dev server, or building for756skills.sh installs
2mhattingpete avatarflowchart-creatormhattingpete/claude-skills-marketplaceCreate HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams,749skills.sh installs
3mindrally avatartanstack-querymindrally/skillsGuidelines for using TanStack Query (React Query) for server state management, data fetching, caching, and synchronization748skills.sh installs
4github avatarreact18-enzyme-to-rtlgithub/awesome-copilotProvides exact Enzyme → React Testing Library migration patterns for React 18 upgrades. Use this skill whenever Enzyme tests need to be rewritten - shallow, mou742skills.sh installs
5mindrally avatarpostcss-best-practicesmindrally/skillsPostCSS best practices and configuration guidelines for modern CSS processing and optimization738skills.sh installs
6mindrally avatarvercel-developmentmindrally/skillsVercel and Next.js deployment best practices including server components, edge functions, AI SDK integration, and performance optimization.738skills.sh installs