material-ui Bump MUI X to 8.21.0

This PR contains the following updates:

Package	Change	Age	Confidence
@mui/x-charts (source)	`8.17.0` -> `8.21.0`
@mui/x-data-grid (source)	`8.17.0` -> `8.21.0`
@mui/x-data-grid-generator (source)	`8.17.0` -> `8.21.0`
@mui/x-data-grid-premium (source)	`8.17.0` -> `8.21.0`
@mui/x-data-grid-pro (source)	`8.17.0` -> `8.21.0`
@mui/x-date-pickers (source)	`8.17.0` -> `8.21.0`
@mui/x-date-pickers-pro (source)	`8.17.0` -> `8.21.0`
@mui/x-license (source)	`8.17.0` -> `8.21.0`
@mui/x-tree-view (source)	`8.17.0` -> `8.21.0`

Release Notes

mui/mui-x (@mui/x-charts)

`v8.21.0`

Compare Source

Dec 3, 2025

We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:

✨ Add tick spacing property to charts axis to control the distance between ticks.

The following team members contributed to this release: @alexfauquette, @bernardobelchior, @ElliottMiller, @Janpot, @JCQuintas, @romgrk, @sai6855, @siriwatknp

Data Grid

`@mui/[email protected]`

[DataGrid] Fix autosizing header width calculation (#20323) @siriwatknp
[DataGrid] Virtualizer refactor (#19465) @romgrk

`@mui/[email protected]`

Same changes as in @mui/[email protected].

`@mui/[email protected]`

Same changes as in @mui/[email protected], plus:

[DataGridPremium] Prevent pasting to non-editable cells (#20333) @ElliottMiller

Date and Time Pickers

`@mui/[email protected]`

Internal changes.

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Charts

`@mui/[email protected]`

[charts] Fix string measuring types (#20454) @bernardobelchior
[charts] Fix typo in performance note for CustomLineMarks demo (#20529) @sai6855
[charts] Introduce the notion of series with positions (#20461) @alexfauquette
[charts] Migrate from sinon to Vitest mocking utilities for x-charts* packages (#20444) @Copilot
[charts] Move series-level values to series computed data in bar plot (#20467) @bernardobelchior
[charts] Refactor bar chart components in preparation for range bar chart (#20521) @bernardobelchior
[charts] Remove unnecessary any types (#20527) @sai6855
[charts] Remove unused drawingArea from findClosestPoints (#20471) @bernardobelchior
[charts] Revert useIsHydrated to default=false (#20511) @JCQuintas
[charts] Support tooltip anchor position for radar (#20422) @alexfauquette
[charts] Add tick spacing property (#20282) @bernardobelchior
[charts] Fix Vitest lint error (#20550) @bernardobelchior
[charts] Fix infinite loop when highlighting pie slices or scatter points (#20549) @bernardobelchior

`@mui/[email protected]`

Same changes as in @mui/[email protected], plus:

[charts-pro] Add support for anchor="node" on Sankey tooltip (#20462) @alexfauquette

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Tree View

`@mui/[email protected]`

Internal changes.

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Codemod

`@mui/[email protected]`

Internal changes.

Docs

[docs] Migrate to next/font for fonts loading (#20407) @Copilot

Core

[code-infra] Enable vitest eslint plugin (#20530) @Janpot
[code-infra] Fix missing font loading for local fonts (#20480) @Janpot
[internal] Performance: use raw useSyncExternalStore (#20447) @romgrk
[code-infra] Enable vitest/expect-expect and vitest/no-standalone-expect rules for x-charts packages (#20535) @Copilot

Miscellaneous

Bump @types/d3-sankey to ^0.12.5 (#20489) @renovate[bot]
Bump @types/react to 19.2.7 (#20490) @renovate[bot]
Bump @types/yargs to ^17.0.35 (#20491) @renovate[bot]
Bump Vite & Vitest to ^4.0.14 (#20500) @renovate[bot]
Bump csstype to ^3.2.3 (#20493) @renovate[bot]
Bump es-toolkit to ^1.42.0 (#20494) @renovate[bot]
Bump eslint to ^8.48.0 (#20495) @renovate[bot]
Bump lerna to ^9.0.3 (#20496) @renovate[bot]
Bump lucide-react to ^0.555.0 (#20502) @renovate[bot]
Bump playwright monorepo (#20503) @renovate[bot]
Bump pnpm to 10.24.0 (#20504) @renovate[bot]
Bump react monorepo (#20340) @renovate[bot]
Bump react-hook-form to ^7.66.1 (#20497) @renovate[bot]
Bump rimraf to ^6.1.2 (#20498) @renovate[bot]
Bump webpack-bundle-analyzer to ^5.0.1 (#20508) @renovate[bot]
Bump next to ^15.5.7 [SECURITY] (#20555) @renovate[bot]

`v8.20.0`

Compare Source

Nov 26, 2025

We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:

🔃 Data Grid tree data now supports row reordering. See the Drag-and-drop tree data reordering section for more details.
🐞 Bugfixes

The following team members contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @siriwatknp, @JCQuintas, @MBilalShafi, @prakhargupta1

Data Grid

`@mui/[email protected]`

[DataGrid] Fix RTL virtualization to display columns when viewport width is larger than the grid (#20409) @siriwatknp
[DataGrid] Fix row range selection (#20442) @arminmeh
[DataGrid] Initialize data grid core packages (#20276) @cherniavskii
[DataGrid] Improve accessibility of the sort icon (#20430) @arminmeh
[DataGrid] Use viewport as a boundary for the BasePopper flip (#20311) @arminmeh

`@mui/[email protected]`

Same changes as in @mui/[email protected], plus:

[DataGridPro] Avoid automatic scroll back to the focused header filter after it leaves the viewport (#20416) @arminmeh
[DataGridPro] Tree data row reordering (#19401) @MBilalShafi

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Charts

`@mui/[email protected]`

[charts] Fix item tooltip position with node anchor (#20421) @alexfauquette
[charts] Fix radar item tooltip closing bug (#20429) @alexfauquette
[charts] Move series processing to selector (#20388) @JCQuintas
[charts] Prevent pointer out from removing controlled highlight (#20385) @alexfauquette

`@mui/[email protected]`

Same changes as in @mui/[email protected], plus:

[charts-pro] Fix Content-Security-Policy nonce not being correctly set on export (#20395) @bernardobelchior
[charts-pro] Improve vertical zoom slider thumb on mobile (#20439) @bernardobelchior
[charts-pro] Provide arguments to the AreaPlotRoot styled component (#20414) @arminmeh
[charts-pro] Remove grid outside the drawing area (#20412) @alexfauquette

`@mui/[email protected]`

Same changes as in @mui/[email protected], plus:

[charts-premium] Add explicit return type to ChartsRenderer for better compatibility with React 18 (#20413) @arminmeh

Docs

[docs] Add llms.txt link to the sidebar (#20312) @siriwatknp
[docs] Add a line chart demo for the Overview section (#20239) @prakhargupta1

`v8.19.0`

Compare Source

Nov 20, 2025

We'd like to extend a big thank you to the 15 contributors who made this release possible. Here are some highlights ✨:

🔎 Add pan on wheel to the charts zoom
⌨️ Allow opt-in to tab navigation inside the Data Grid.
⚙️ New way of defining action columns in the Data Grid that makes it easier to keep columns prop stable.
🐞 Bugfixes
📚 Documentation improvements

Special thanks go out to these community members for their valuable contributions: @lauri865, @noobyogi0010, @sai6855

The following team members contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @mj12albert, @noraleonte, @rita-codes, @siriwatknp, @ZeeshanTamboli

Data Grid

`@mui/[email protected]`

[DataGrid] Add tabNavigation prop to control tab navigation in the grid (#20286) @arminmeh
[DataGrid] Allow to focus disabled checkbox cells (#19959) @mj12albert
[DataGrid] Alternative actions column definition API (#15041) @cherniavskii
[DataGrid] Fix failing tests (#20332) @cherniavskii
[DataGrid] Prevent Safari 26 error in the event handler (#20369) @arminmeh
[DataGrid] Undeprecate the autoHeight prop (#20363) @cherniavskii
[DataGrid] Fix print export grid dimensions with dynamic row height and print styles (#19835) @cherniavskii

`@mui/[email protected]`

Same changes as in @mui/[email protected].

`@mui/[email protected]`

Same changes as in @mui/[email protected], plus:

[DataGridPremium] Fix aggregation with sorting (#19892) @lauri865
[DataGridPremium] Lock ExcelJS version (#20329) @cherniavskii

Date and Time Pickers

`@mui/[email protected]`

[pickers] Do not loose slotProps.field.slotProps (#20322) @flaviendelangle

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Charts

`@mui/[email protected]`

[charts] Expose niceDomain utility (#20250) @bernardobelchior
[charts] Fix benchmark regression by downgrading to JSDOM v26 (#20405) @bernardobelchior
[charts] Fix Pie Chart keyboard focus highlight (#20358) @JCQuintas
[charts] Memoize series selectors (#20326) @JCQuintas
[charts] Relax dataset type (#20294) @bernardobelchior
[charts] Remove touch-action: pan-y when zoom is disabled (#20204) @bernardobelchior
[charts] Use getBBox() for correct SVG sizes in firefox (#20309) @JCQuintas
[charts] Use directly selector from @mui/x-internals (#20365) @alexfauquette
[charts] Fix unnecessary errors in dev mode (#20380) @JCQuintas

`@mui/[email protected]`

Same changes as in @mui/[email protected], plus:

[charts-pro] Add pan on wheel to zoom (#19998) @JCQuintas
[charts-pro] Fix zoom slider preview having an opaque background in dark mode (#20367) @bernardobelchior

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Tree View

`@mui/[email protected]`

[tree view] Enable lazy load when children count is not know in tree view (#18680) @noobyogi0010
[tree view] Fix unwanted behaviors on the item re-ordering (#20368) @flaviendelangle

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Codemod

`@mui/[email protected]`

Internal changes.

Docs

[docs] Add minimum Typescript version to migration guide (#20320) @siriwatknp
[docs] Fix Autosizing documentation (#20348) @siriwatknp
[docs] Fix separator opacity in demo (#20293) @sai6855
[docs] Replace deprecated LoadingButton with Button component (#20208) @Janpot

Core

[code-infra] Add new broken links checker (#20120) @Janpot
[code-infra] Disable Codspeed pipeline (#20370) @JCQuintas
[code-infra] Optimize checkMaterialVersion (#20307) @Janpot
[code-infra] Use utils from code-infra for changelog and PR creation (#20406) @brijeshb42
[docs-infra] Revert @docsearch/react (#20313) @Janpot

Miscellaneous

[test] Fix browser tests skipping some projects (#20318) @cherniavskii
[test] Update use-react-version pnpm script (#20319) @cherniavskii

`v8.18.0`

Compare Source

Nov 13, 2025

We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:

Add barLabelPlacement property to customize the bar label position in bar charts, enabling labels to be placed above bars.
Add source property to the date/time picker lifecycle and event handler context, enabling clearer differentiation between changes initiated by the picker UI and those from direct field input.
🐞 Bugfixes
📚 Documentation improvements

Special thanks go out to these community members for their valuable contributions: @htollefsen, @sai6855, @Sigdriv

The following team members contributed to this release: @arminmeh, @bernardobelchior, @brijeshb42, @cherniavskii, @flaviendelangle, @JCQuintas, @michelengelen, @noraleonte, @prakhargupta1, @rita-codes, @siriwatknp

Data Grid

`@mui/[email protected]`

[DataGrid] Allow default event in the column action cell item click event handler (#20272) @arminmeh
[DataGrid] Remove unnecessary generic from useGridApiRef (#20277) @cherniavskii

`@mui/[email protected]`

Same changes as in @mui/[email protected].

`@mui/[email protected]`

Same changes as in @mui/[email protected], plus:

[DataGridPremium] Return the correct cellParams value from the aggregation cells (#20224) @arminmeh

Date and Time Pickers

`@mui/[email protected]`

[pickers] Keep invalid date state consistent (#20040) @michelengelen
[pickers] Adds new source property to onChange and onAccept context object (#20234) @michelengelen

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Charts

`@mui/[email protected]`

[charts] Add prop for positioning a bar label (#20194) @Sigdriv
[charts] Fix applying dark mode styles in ChartAxisZoomSliderThumb (#20232) @sai6855

`@mui/[email protected]`

Same changes as in @mui/[email protected], plus:

[charts-pro] Allow specifying Content Security Policy nonce on export (#20053) @bernardobelchior
[charts-pro] Fix applying dark mode styles to slider (#20220) @sai6855
[charts-pro] Sankey should respect node order (#20065) @JCQuintas

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Tree View

`@mui/[email protected]`

[tree view] Prepare tests for the new store structure (#20225) @flaviendelangle
[tree view] Prepare the item plugin files for the store migration (#20240) @flaviendelangle
[tree view] Use TreeItemId type instead of raw string (#20233) @flaviendelangle

`@mui/[email protected]`

Same changes as in @mui/[email protected].

Codemod

`@mui/[email protected]`

Internal changes.

Docs

[charts] Add a demo for a custom tick label (#20073) @prakhargupta1
[charts] Create useAxes() hook documentation page (#20229) @JCQuintas
[charts] Fix logo alignment (#20228) @JCQuintas
[charts] Fixes typo in import example (#20236) @htollefsen
[Data Grid] Add recipe for cursor pagination with data source (#19700) @siriwatknp
[Data Grid] Add a demo for pinned rows aggregation (#20198) @cherniavskii

Core

[docs-infra] Use deployment config from docs-infra package (#20243) @brijeshb42

Configuration

📅 Schedule: Branch creation - Between 12:00 AM and 04:59 AM, only on Sunday ( * 0-4 * * 7 ) in timezone UTC, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

[ ] If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

Dec 07 '25 02:12 renovate[bot]

Netlify deploy preview

https://deploy-preview-47441--material-ui.netlify.app/

Bundle size report

Bundle	Parsed size	Gzip size
@mui/material	0B^(0.00%)	0B^(0.00%)
@mui/lab	0B^(0.00%)	0B^(0.00%)
@mui/system	0B^(0.00%)	0B^(0.00%)
@mui/utils	0B^(0.00%)	0B^(0.00%)

Details of bundle changes

Generated by :no_entry_sign: dangerJS against 1e805bf7abb2b20f10f2041f35321d1186a451cd

Dec 07 '25 10:12 mui-bot

@michelengelen There's a change in Argos CI. Since you're working on DataGrid, I thought you might be the right person to review this.

Dec 10 '25 06:12 ZeeshanTamboli