mui/mui-x v8.0.0

on GitHub

We're excited to announce the first v8 stable release! 🎉🚀

This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements.
Migration guides are available with a complete list of the breaking changes:

• Data Grid
• Date and Time Pickers
• Tree View
• Charts
• Material UI v7

Here are the highlights from the alpha and beta releases included in this stable release:

• ⚛️ React 19 support.

• 🎁 @mui/material@7 support – see the Material UI v7 upgrade guide.

• 🔄 Pivoting.

• 🤖 AI Assistant.

• 🛠️ New and improved Data Grid Toolbar component.

• 📦 Data Grid data source is now available in the Community plan.

• 🚫 Add "No columns" overlay to Data Grid.

• 🍬 Improved design for Data Grid Header filters.

• 🔄 Add Data Grid Scroll restoration.

• 💫 Support aggregation with server-side data.

• 🎁 Support server-side lazy loading on the Data Grid.

• 📝 Support editing with server-side Data Source.

• 🎯 Improved data caching.

• 🏎️ Improved Data Grid aggregation, Excel export serialization, mount, resize and scrolling performance.

• 🎨 Improved Data Grid theming and add default background color.

• 📊 New Pro chart: Funnel.

• 📊 New Community chart: Radar is available in preview for testing.

• 📊 Charts legend is now an HTML element which can be styled more easily.

• 📊 Gauge charts animation.

• 📊 Create custom HTML components using chart data.

• 📊 Refactor Charts Tooltip customization.

• 📊 Improved Charts composition.

• 📊 Charts support server-side rendering under some conditions.

• 📊 Add a new API to support multiple axes (decouple margin and axis-size).

• 🚫 Removed react-spring dependency from @mui/x-charts.

• 🚀 New Time Range Picker component.

• 🔁 Support automatic parents and children selection for the Rich Tree View components.

• 🎛️ New customization APIs for the Tree Item component.

Below are the changes since the last beta release:

Data Grid

@mui/x-data-grid@8.0.0

• [DataGrid] Data source with editing (#16045) @MBilalShafi
• [DataGrid] Deprecate old toolbar components (#17294) @KenanYusuf
• [DataGrid] Refactor: add typings to icons (#17291) @romgrk
• [DataGrid] Prevent scrollbars from showing on top (#17405) @romgrk
• [l10n] Improve Polish (pl-PL) locale (#17336) (#17396) @sofortdagmbh
• [l10n] Improve Swedish (sv-SE) locale (#17293) @ptuukkan

@mui/x-data-grid-pro@8.0.0

Same changes as in @mui/x-data-grid@8.0.0, plus:

• [DataGridPro] Fix row virtualization not working in list view (#17399) @cherniavskii

@mui/x-data-grid-premium@8.0.0

Same changes as in @mui/x-data-grid-pro@8.0.0, plus:

• [DataGridPremium] AI Assistant (#16992) @arminmeh
• [DataGridPremium] Fix aggregated values sorting (#17326) @cherniavskii
• [DataGridPremium] Fix cell display with custom renderers in pivot mode (#17323) @cherniavskii
• [DataGridPremium] Fix stale aggregation results after filtering (#17296) @cherniavskii
• [DataGridPremium] Pivoting (#9877) @cherniavskii
• [DataGridPremium] Use groupingValueGetter for row grouping on the server (#17376) @cherniavskii

Date and Time Pickers

Breaking changes

• The view selection process has been updated to make it clear across all Pickers.
  Pickers no longer automatically switch between date and time views or start and end positions.
  Moving between views and range positions is achieved using the new "Next" action button.

@mui/x-date-pickers@8.0.0

• [fields] Fix the error message when a custom field with an <input /> but the field expects the accessible DOM structure (#17237) @flaviendelangle
• [fields] Fix to submit a form on Enter press with accessible DOM structure (#17328) @LukasTy
• [fields] Prevent focusing the field or any section when disabled=true (#17215) @flaviendelangle
• [l10n] Improve Czech (cs-CZ) locale (#17387) @lubka272
• [l10n] Improve Slovak (sk-SK) locale (#17249) @lubka272
• [pickers] Fix failing proptypes CI (#17413) @romgrk
• [pickers] Fix to not process default prevented propagated events (#17312) @LukasTy
• [pickers] Mark active range position field section with underline (#16938) @LukasTy
• [pickers] Remove automatic switch between date and time or between range positions (#17166) @flaviendelangle

@mui/x-date-pickers-pro@8.0.0

Same changes as in @mui/x-date-pickers@8.0.0, plus:

• [DateTimeRangePicker] Fix focused view behavior (#17313) @LukasTy

Charts

@mui/x-charts@8.0.0

• [charts] Add slotProps.legend.hidden to migration docs (#17379) @bernardobelchior
• [charts] Add labels above bars example (#16860) @bernardobelchior
• [charts] Add tooltip to the radar (#16950) @alexfauquette
• [charts] Add uncertainty area to line with forecast demo (#17355) @bernardobelchior
• [charts] Animate gauge chart (#17304) @bernardobelchior
• [charts] Convert AnimationContext into a plugin (#17299) @bernardobelchior
• [charts] Export 'series' class as part of barElementClasses (#17273) @10tacion
• [charts] Expose axes types (#17309) @bernardobelchior
• [charts] Expose higher level useAnimate hook (#17162) @bernardobelchior
• [charts] Fix axis types not narrowing (#17321) @bernardobelchior
• [charts] Fix bar chart with partial data (#17290) @alexfauquette
• [charts] Fix useAnimate test flakiness (#17372) @bernardobelchior
• [charts] Radar design refinement (#17165) @alexfauquette
• [charts] Remove unused code (#17310) @bernardobelchior
• [charts] Remove unused files (#17242) @JCQuintas
• [charts] Use useEventCallback to memoize onZoomChange without triggering a re-render (#17233) @JCQuintas
• [charts] Document series class name (#17362) @bernardobelchior
• [charts] Add default plugins in ChartDataProvider (#17403) @bernardobelchior
• [charts] Fix chart direction in docs (#17419) @bernardobelchior

@mui/x-charts-pro@8.0.0

Same changes as in @mui/x-charts@8.0.0, plus:

• [charts-pro] Update zoom using requestAnimationFrame (#17137) @JCQuintas

Tree View

@mui/x-tree-view@8.0.0

• [TreeView] Add React Compiler linting rules (#16357) @flaviendelangle

@mui/x-tree-view-pro@8.0.0

Same changes as in @mui/x-tree-view@8.0.0.

Docs

• [docs] Add intro section for Telemetry (#17244) @prakhargupta1
• [docs] Add migration guide for the picker's ownerState changes (#17151) @flaviendelangle
• [docs] Add What's new section for MUI X v8 (#17397) @joserodolfofreitas
• [docs] Fix ESM guide (#17280) @oliviertassinari
• [docs] Fix Vale errors (#17281) @oliviertassinari
• [docs] Fix country columns throwing on grouping (#17315) @cherniavskii
• [docs] Fix paths in ResponsiveChartContainer migration guide (#17364) @MonstraG
• [docs] Mention priority support on MUI X docs (#16467) @prakhargupta1
• [docs] Match title side nav @oliviertassinari
• [docs] Fix incorrect mention of PDF export (#17277) @oliviertassinari
• [docs] Fix row spanning lab icon (#17278) @oliviertassinari
• [docs] Fix header Sentence case consistency (#17274) @oliviertassinari
• [docs] Flag experimental API (#17279) @oliviertassinari
• [docs] Fix some 301 redirections @oliviertassinari
• [docs] Update supported versions table (#17287) @joserodolfofreitas

Core

• [core] Always use the correct babel runtime (#17241) @alexfauquette
• [core] Document TelemetryContextType (#17282) @oliviertassinari
• [core] Fix proptypes (#17378) @cherniavskii
• [core] Remove modern bundles (#17359) @LukasTy
• [core] Setup testing to work with CSS imports (#17214) @romgrk
• [core] Testing setup fixes & lints (#17356) @romgrk
• [core] Simplify the way __RELEASE_INFO__ is managed (#17416) @LukasTy
• [code-infra] Align build script with core to handle sideEffects (#17370) @Janpot
• [code-infra] CI optimization: re-use ffmpeg (#17333) @romgrk
• [code-infra] Charts vitest changes (#17247) @JCQuintas
• [code-infra] Further datagrid changes for vitest (#17251) @JCQuintas
• [code-infra] Prepare argos script call for required arg (#17371) @Janpot
• [code-infra] Remove more clock=fake from pickers tests (#17225) @JCQuintas
• [code-infra] Tentative fix for datagrid flaky test (#17289) @JCQuintas
• [code-infra] Update MUI Internal and slightly cleanup regressions test setup (#17182) @LukasTy
• [infra] Update support label from 'priority' to 'unknown' (#17288) @michelengelen
• [release] Major release preparation (#17319) @michelengelen
• [test] Fix flaky data source aggregation test (#17307, #17311, #17316) @KenanYusuf @cherniavskii @LukasTy
• [test] Skip flaky aggregation test (#17391) @MBilalShafi