React Hook Form, Redux, MUI: Which Versions Work with React 18?

The complete React 18 package compatibility matrix. Check which versions of Redux, MUI, React Hook Form, React Router and 20+ popular packages work.

React 18 Package Compatibility

React 18 changed the rendering model with concurrent features and automatic batching. Most packages work, but some need specific versions. Here's your reference.

State Management

react-redux 8.x+ — Required for React 18. v7.x has issues with concurrent rendering. Check compatibility
zustand 4.x — Fully compatible
@tanstack/react-query 4.x+ — Compatible. v5 recommended.
recoil 0.7+ — Compatible with React 18
mobx-react-lite 3.x+ — Compatible

Forms

react-hook-form 7.x — Fully compatible. Check compatibility
formik 2.4+ — Works but not actively maintained. Consider react-hook-form. Check compatibility

UI Frameworks

@mui/material 5.x+ — Compatible. v5.14+ recommended for best React 18 support.
antd 5.x — Designed for React 18. v4 also works. Check compatibility
react-bootstrap 2.x — Compatible. Check compatibility
chakra-ui 2.x+ — Compatible with React 18

Routing

react-router-dom 6.x — Fully compatible with React 18. Check compatibility
react-router-dom 5.x — Works but won't get React 18 optimizations. Upgrade recommended.

Utilities

axios 1.x — Framework-agnostic, always compatible. Check compatibility
swr 2.x — Designed for React 18. Check compatibility
react-select 5.x — Compatible. Check compatibility
styled-components 6.x — Compatible. Check compatibility

Scan All Your Dependencies at Once

Why check packages one by one? Upload your package.json and get a full compatibility report for all your React 18 dependencies. Free to start.