Upgrade Material-UI to v6 #271
Description
Upgrade Material-UI to v6
Upgrade Material-UI packages from v5.18 to v6.x for latest features, bug fixes, and React 19 compatibility.
Current Versions
@mui/material: ^5.18.0@mui/icons-material: ^5.18.0@mui/system: ^5.18.0@mui/x-date-pickers: ^8.26.0
Why
- MUI v6 has been stable since Q3 2024
- Full React 19 support
- Performance improvements
- Latest accessibility fixes
- Security updates and bug fixes
Tasks
- Update all
@mui/*packages to v6.x - Review MUI v6 migration guide for breaking changes
- Update any deprecated prop usages
- Run
pnpm install - Run full test suite:
pnpm test - Run linter:
pnpm lint - Test all UI components manually
- Verify date pickers still work correctly
- Check responsive layouts on mobile/tablet/desktop
- Update CHANGELOG.md with dependency versions
Acceptance Criteria
- All 221 tests pass
- No linting errors
- No console warnings about deprecated props
- All Material-UI components render correctly
- Date pickers function properly
- Responsive design intact across all breakpoints
Notes
- Check for breaking changes in v6 migration guide
- Pay special attention to date picker changes
- Estimated effort: 2-4 hours including testing