What's Changed
🚀 Major Upgrades
- Upgraded to React 19.1.0: Migrated the entire project to
react@^19.1.0
andreact-dom@^19.1.0
- Comprehensive Dependency Update: Updated numerous packages, including
framer-motion
, and resolved complex dependency conflicts - Modernized SCSS: Replaced deprecated Sass functions (
map-merge
,nth
) with their modern module-based equivalents (map.merge
,list.nth
) - Webpack 5 Polyfills: Integrated necessary polyfills (
crypto-browserify
,stream-browserify
, etc.) for Node.js core modules no longer included in modern webpack - Build Configuration: Implemented a robust
config-overrides.js
to manage webpack fallbacks and suppress excessive console warnings from third-party libraries - Bootstrap 5 Compatibility: Updated all components and classes to be fully compatible with Bootstrap 5 (e.g.,
text-bg-*
badges,me/ms
spacing)
🐛 Critical Fixes
- Fixed Collapsed Sidebar Alignment: Resolved persistent icon alignment issues in the collapsed sidebar for both static and hover states, ensuring pixel-perfect centering
- Fixed User Profile Dropdown: Corrected the positioning of the user profile dropdown to prevent it from rendering off-screen on larger viewports
- Fixed
reactstrap
Components: RefactoredForm
andFormGroup
components to remove the deprecatedinline
prop, aligning them with React 19 and Bootstrap 5 standards - Fixed Vector Maps Component: Resolved a critical data fetching error by replacing a dead URL with a local data source
📦 Dependencies
- React 19.1.0
- React DOM 19.1.0
- Framer Motion 12.19.1
- Full compatibility with modern webpack 5
- Enhanced security with updated dependencies
🛠️ Breaking Changes
This is a major version update. While we've maintained full feature parity, please review the upgrade guide if you're extending this theme.
📚 Documentation
- Added comprehensive React 19 upgrade recipe
- Updated README with compatibility notes
- Enhanced changelog with detailed migration notes
Full Changelog: v3.0.0...v4.0.0