🚀 React Project Dependency Upgrade Matrix
| Library |
Current Version |
Latest (2026) |
Recommended Upgrade |
Notes / Tips |
| react |
16.8.6 |
18.x |
18.2.0 |
Major breaking changes (Concurrent features, Strict mode). Update hooks usage carefully |
| react-dom |
16.8.6 |
18.x |
18.2.0 |
Must match React version |
| react-router-dom |
5.0.1 |
6.x |
6.22+ |
⚠️ Breaking: Switch → Routes, useNavigate replaces history |
| webpack |
4.33.0 |
5.x |
5.x latest |
⚠️ BIG migration (plugin changes, asset modules) |
| webpack-dev-server |
3.7.1 |
5.x |
5.x |
Requires Webpack 5 |
| babel/core |
7.4.x |
7.25+ |
latest 7.x |
Safe upgrade, but check plugins compatibility |
| node-sass |
9.0.0 |
❌ deprecated |
REMOVE → sass |
🚨 Replace with sass (Dart Sass) |
| sass-loader |
10.0.0 |
14.x |
13–14 |
Works with Webpack 5 |
| bootstrap |
4.3.1 |
5.3.x |
5.3.x |
⚠️ jQuery removed, class changes |
| reactstrap |
8.0.0 |
9.x |
9.x |
Needed for Bootstrap 5 |
| lodash |
4.17.11 |
4.17.21 |
4.17.21 |
Security fixes |
| moment |
2.24.0 |
⚠️ legacy |
Replace → dayjs / luxon |
Moment is deprecated |
| uuid |
3.3.2 |
9.x |
9.x |
Breaking: import style changed |
| react-helmet |
5.2.1 |
⚠️ deprecated |
react-helmet-async |
SSR-safe replacement |
| react-hot-loader |
4.11.0 |
❌ deprecated |
REMOVE → React Fast Refresh |
Use Vite / Webpack plugin |
| react-router |
5.0.1 |
6.x |
6.x |
Same migration as router-dom |
| ag-grid-react |
21.0.1 |
31+ |
latest |
API changes; check columnDefs |
| ag-grid-community |
21.0.1 |
31+ |
latest |
Same as above |
| recharts |
1.6.2 |
2.x |
2.x |
Minor API changes |
| react-quill |
1.3.3 |
2.x |
2.x |
Quill v2 support |
| react-dropzone |
10.1.5 |
14.x |
14.x |
Hook-based API |
| react-datepicker |
2.7.0 |
4.x |
4.x |
CSS + date handling changes |
| react-grid-layout |
0.16.6 |
1.x |
1.x |
Minor breaking changes |
| react-big-calendar |
0.22.0 |
1.x |
1.x |
Uses date-fns instead of moment |
| rc-slider |
8.6.13 |
10.x |
10.x |
Minor prop changes |
| query-string |
6.7.0 |
8.x |
8.x |
ESM support |
| numeral |
2.0.6 |
⚠️ inactive |
replace (optional) |
Consider numbro |
| prop-types |
15.7.2 |
15.8.x |
latest |
Safe |
| faker |
8.3.1 |
9.x |
latest |
Already modern (@faker-js) |
🚀 React Project Dependency Upgrade Matrix