npm / @mui/system

@mui/system

What changed in @mui/system 9, from its official release notes, upgrade guides and advisories. Sources checked 2026-10-20.

6 breaking1 security1 new APIs and options3 fixes and other

See which of these apply to your code, ranked, in your agent:

npx @unstale/cli init

@mui/system 911 changes

Grid no longer supports direction="column" or direction="column-reverse"; use Stack for vertical layouts.
9.0.0upgrade guide
Removed from the theme components types; use the Grid component instead.
9.0.0upgrade guide
Removed from the theme components types; use global CSS with the MuiTouchRipple-* class names instead.
9.0.0upgrade guide
Run the system-props codemod on a folder to migrate deprecated system props.
9.0.0upgrade guide
Deprecated system props were removed from Box, Grid, and Stack; use the sx prop for styling.
9.0.0upgrade guide
Deprecated system props have been removed from Box, DialogContentText, Grid, Link, Stack, Typography, TimelineContent, and TimelineOppositeContent; move these styles into the sx prop.
9.0.0upgrade guide

An opt-in augmentation enables data-* attributes on slot props.
9.2.0release notes

Fixes a script tag warning in Next.js 16 dev mode.
9.1.2release notes
Using responsive typography shorthand in sx no longer mutates the theme.
9.0.1release notes
Props like color are no longer consumed by the component instead of being forwarded to the element rendered via the component prop.
9.0.0upgrade guide upgrade guide