React 18 to React 19 Migration: Which Packages Break and How to Fix Them

React 19: What Changes for Your Dependencies

React 19 brings significant internal changes including the new React Compiler, removal of legacy APIs, and updated peer dependency requirements. This means many popular packages need updates too.

Packages That Break with React 19

These popular packages have known incompatibilities with React 19:

• react-dom < 19 — Must match React version exactly. npm install react-dom@19

• @types/react < 19 — TypeScript types must match. npm install @types/react@19 @types/react-dom@19

• react-router-dom 5.x — Requires upgrade to v6+. React Router 6.4+ supports React 19.

• react-redux 7.x — Requires upgrade to v8+ or v9 for full React 19 support.

• enzyme — Deprecated. No React 19 support. Migrate to React Testing Library.

• react-helmet — Deprecated. Use react-helmet-async instead.

Packages That Work with React 19 (No Changes Needed)

• axios — Framework-agnostic, works with any React version.

• react-hook-form 7.x — Compatible with React 19.

• @tanstack/react-query 5.x — Supports React 19.

• zustand 4.x+ — Works with React 19.

• framer-motion 11+ — React 19 compatible.

• swr 2.x — Compatible.

Packages That Need Version Bumps

• @mui/material — Upgrade to v5.15+ or v6 for React 19 support.

• styled-components — Upgrade to v6+ for React 19.

• react-select — Upgrade to v5.8+ for React 19.

• formik — v2.4+ works but has some type issues with React 19. Consider react-hook-form.

• next.js — Next.js 15+ supports React 19. Earlier versions don't.

How to Check Your Full Project

Instead of checking each package manually, scan your entire project with DepFixer:

• Web: Upload your package.json for a complete compatibility report.

• CLI: Run npx depfixer in your project directory.

• Check specific packages: Use the Compatibility Checker for instant results.