Skip to content

migrate mui from v5 to v6#4478

Merged
mastercactapus merged 10 commits into
masterfrom
mui-upgrade
Apr 30, 2026
Merged

migrate mui from v5 to v6#4478
mastercactapus merged 10 commits into
masterfrom
mui-upgrade

Conversation

@Forfold
Copy link
Copy Markdown
Contributor

@Forfold Forfold commented Apr 20, 2026

MUI v5 → v6 Upgrade

Package changes

  • @mui/material: 5.16.7 → 6.5.0
  • @mui/icons-material: 5.16.7 → 6.5.0
  • @mui/system: 5.16.7 → 6.5.0
  • @mui/styles: 5.16.7 → 6.5.0
  • @mui/lab: removed (only used for LoadingButton, now built into Button)
  • Added react-is override for React 18 compatibility

Code changes

  • AdminSWOStatusCard.tsxLoadingButton from @mui/labButton from @mui/material (v6 has native loading/loadingPosition props)
  • NavBarLink.tsx, CreateAlertServiceSelect.tsx, DetailsPage.tsx<ListItem button><ListItemButton>
  • PaginatedList.tsx, FlatListItem.tsx — migrated to ListItemButton for interactive items
  • FlatList.tsxFlatListItemOptions changed to standalone interface (was extending ListItemProps which lost selected/button in v6)
  • AdminSection.tsx — replaced removed selected prop with sx={{ bgcolor: 'action.selected' }}

Intentionally deferred for v7/v9

  • @mui/styles/makeStyles migration (~86 files) — still works with @mui/styles@6.5.0
  • Deprecated API migrations (slots/slotProps, system props, etc.) — all optional warnings in v6

@mastercactapus mastercactapus merged commit 8d7a47f into master Apr 30, 2026
8 checks passed
@mastercactapus mastercactapus deleted the mui-upgrade branch April 30, 2026 20:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants