Skip to content

migrate mui from v6 to v7#4479

Closed
Forfold wants to merge 15 commits into
mui-upgradefrom
mui-upgrade-v7
Closed

migrate mui from v6 to v7#4479
Forfold wants to merge 15 commits into
mui-upgradefrom
mui-upgrade-v7

Conversation

@Forfold
Copy link
Copy Markdown
Contributor

@Forfold Forfold commented Apr 24, 2026

tbd description

the main changes this PR makes are migrating away from makeStyles as this api was deprecated back in mui v5

Forfold and others added 4 commits April 24, 2026 10:48
Replace <Hidden> with sx display rules (Hidden is removed in v7) and
collapse the @mui/material/styles/createPalette deep import into the
public entry point.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Remove @mui/styles makeStyles usage from Icons, CreateFAB, FlatList,
FlatListItem, ListHeader, PageControls, ClickableText, CopyText,
SkipToContentLink, SpeedDial, AlertCountLineGraph, and materialStyles.

Replace with inline sx props, local const classes objects, and a plain
CSS file for CSSTransition class names (flatListTransitions.css).
Remove @mui/styles makeStyles from AdminAPIKeys, AdminConfig,
AdminLimits, AdminSMSSend, AdminSection, AdminToolbox, SlackActions,
AdminAlertCounts, AlertCountTable, AdminAPIKeyDrawer,
AdminAPIKeyExpirationField, AdminMessageLogDrawer, and
AdminMessageLogsLayout.

Replace with inline sx props, Box components for theme-dependent
responsive styles, and slotProps for Dialog paper styling.
Remove @mui/styles makeStyles from AlertDetailLogs, AlertsList,
CreateAlertDialog, and AlertCountGraph.

Replace with inline sx props and a plain CSS file for the recharts
Bar hover cursor (AlertCountGraph.css).
@Forfold Forfold changed the base branch from master to mui-upgrade April 24, 2026 18:30
Forfold added 11 commits April 24, 2026 11:32
- Update @mui/material, @mui/icons-material, @mui/system from 6.5.0 to 7.3.10
- Update @mui/x-data-grid from 6.20.4 to 7.29.12
- Remove @mui/styles package (no longer needed)
- Grid v2: remove 'item' prop, migrate xs/sm/md/lg/xl to 'size' prop
- DataGrid v7: update valueGetter/valueFormatter signatures, components to slots
- FormControlLabel: slotProps.label to slotProps.typography
- Fix theme.mixins.toolbar type cast
- Fix GridSortModel type usage
- Remove deprecated 'hide' column property
@Forfold Forfold closed this Apr 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant