Update material-ui monorepo (major) - #2770
renovate[bot] wants to merge 1 commit into
Conversation
e7eb3fc to
e9ccef7
Compare
62aa05c to
90aa34f
Compare
e0644f0 to
802bdc1
Compare
00d526f to
6d0fd07
Compare
OpenAPI ChangesNo changes detected Unexpected changes? Ensure your branch is up-to-date with |
![sentry[bot]](https://avatars.githubusercontent.com/in/12637?s=60&v=4){kind=small}
| "@mui/material": "^6.4.5", | ||
| "@mui/material-nextjs": "^6.4.3", | ||
| "@mui/system": "^6.4.3", | ||
| "@mui/lab": "7.0.0", |
There was a problem hiding this comment.
Bug: TabList, TabContext, and TabPanel are re-exported from @mui/lab, but in MUI v7 they were moved to @mui/material. This will cause import errors.
Severity: CRITICAL
Suggested Fix
Update the export statements in frontends/ol-components/src/index.ts to import TabList, TabContext, TabPanel, and their corresponding Props types from @mui/material instead of @mui/lab.
Prompt for AI Agent
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.
Location: frontends/ol-components/package.json#L23
Potential issue: The upgrade to Material-UI v7 moves the `TabList`, `TabContext`, and
`TabPanel` components from the `@mui/lab` package to `@mui/material`. However,
`frontends/ol-components/src/index.ts` continues to re-export these components from
their old location in `@mui/lab`. Since they no longer exist at that path, any part of
the application that imports them from `ol-components`, such as `DashboardLayout.tsx`,
will fail with an import error at runtime, preventing the application from loading
correctly.
| @@ -20,10 +20,10 @@ | |||
| "@emotion/react": "^11.11.1", | |||
| "@emotion/styled": "^11.11.0", | |||
| "@mui/base": "5.0.0-beta.70", | |||
There was a problem hiding this comment.
Bug: The Dialog component uses the TransitionComponent prop, which was removed in Material-UI v7, and will cause runtime errors or break transition animations.
Severity: CRITICAL
Suggested Fix
In Dialog.tsx, replace the deprecated TransitionComponent={Transition} prop with the new slots API: slots={{ transition: Transition }}. Also, verify that the TransitionProps import from @mui/material/transitions is still valid in v7 and update its path if necessary.
Prompt for AI Agent
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.
Location: frontends/ol-components/package.json#L22
Potential issue: The application is being upgraded to Material-UI v7, which removes the
`TransitionComponent` prop from components like `Dialog`. The code in `Dialog.tsx` at
line 132 continues to use this deprecated prop: `TransitionComponent={Transition}`. When
a dialog is opened, this will either cause a runtime error because the prop is
unrecognized or the prop will be silently ignored, causing the transition animation to
fail. This will affect all dialogs in the application, including `FormDialog`,
`EmailSettingsDialog`, `UnenrollDialog`, and others that rely on this component.
| @@ -20,10 +20,10 @@ | |||
| "@emotion/react": "^11.11.1", | |||
| "@emotion/styled": "^11.11.0", | |||
| "@mui/base": "5.0.0-beta.70", | |||
There was a problem hiding this comment.
Bug: The code uses deep imports for @mui/base components, which is a deprecated pattern that is incompatible with the MUI v7 upgrade and may cause build failures.
Severity: MEDIUM
Suggested Fix
Update all deep imports from @mui/base to be top-level imports. For example, change import { FocusTrap } from "@mui/base/FocusTrap" to import { FocusTrap } from "@mui/base". Additionally, consider upgrading @mui/base to v7 to maintain version consistency across all MUI packages.
Prompt for AI Agent
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.
Location: frontends/ol-components/package.json#L22
Potential issue: The codebase is being upgraded to MUI v7, but the `@mui/base` package
remains at v5. The code uses deep imports, such as `import { FocusTrap } from
"@mui/base/FocusTrap"`, in files like `NavDrawer.tsx` and `Popover.tsx`. According to
the MUI v7 migration guide, deep imports are no longer supported and should be replaced
with top-level imports. This inconsistency between the import style and the upgraded MUI
ecosystem could lead to build failures or module resolution errors, as the build tooling
from v7 packages may enforce stricter import rules.
| "@mui/material-nextjs": "^6.4.3", | ||
| "@mui/system": "^6.4.3", | ||
| "@mui/lab": "7.0.0", | ||
| "@mui/material": "^7.0.0", |
There was a problem hiding this comment.
Bug: The upgrade to MUI v7 removes the item and breakpoint props (xs, md) from Grid v1. Components like GridColumn still use this deprecated API, which will break layouts.
Severity: CRITICAL
Suggested Fix
Migrate all instances of the v1 Grid component to the v2 API. Replace <Grid item xs={12}> with <Grid size={12}>. For components like GridColumn, update them to use the new size prop instead of spreading props like xs and md. The codebase already exports Grid2, which can be used for the migration.
Prompt for AI Agent
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.
Location: frontends/ol-components/package.json#L24
Potential issue: The upgrade to Material-UI (MUI) v7 removes support for the v1 Grid
API's `item` and breakpoint props (e.g., `xs`, `md`). Several components in the
codebase, including `GridColumn` and `ChoiceBoxField`, still rely on this deprecated
API. For example, `GridColumn` passes `{ xs: 12, md: 9 }` to `<Grid item ... />`. In MUI
v7, these props will be ignored, causing the grid system to fail and resulting in broken
layouts on pages that use these components, such as `ItemsListingComponent.tsx` and
`LearningPathListingPage.tsx`. The grid cells will not be sized correctly, leading to
significant visual and functional disruption.
| "@mui/system": "^6.4.3", | ||
| "@mui/lab": "7.0.0", | ||
| "@mui/material": "^7.0.0", | ||
| "@mui/material-nextjs": "^7.0.0", |
There was a problem hiding this comment.
Bug: Upgrading to MUI v7 changes @mui/material/Grid to Grid v2, which no longer supports the item prop. Existing components using <Grid item> will have broken layouts.
Severity: HIGH
Suggested Fix
Refactor all instances of <Grid item ...> to use the new Grid v2 syntax. For example, change <Grid item xs={12}> to <Grid size={12}> or <Grid size={{ xs: 12 }}>. This change needs to be applied to all components that use the Grid component with the item prop, including ChoiceBoxField.tsx, ItemsListingComponent.tsx, and GridLayout.tsx.
Prompt for AI Agent
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.
Location: frontends/ol-components/package.json#L25
Potential issue: The pull request upgrades `@mui/material` to v7. In this version,
`@mui/material/Grid` is an alias for the new Grid v2 component, which has a different
API. Specifically, Grid v2 does not support the `item` prop for defining grid items; it
uses a `size` prop instead. Multiple components in the codebase, such as
`ChoiceBoxField`, `ItemsListingComponent`, and `GridLayout`, continue to use the old
`<Grid item>` syntax. Since the `item` prop will be ignored by the new Grid v2
component, the layout of these components and the pages that use them will silently
break.
This PR contains the following updates:
6.0.0-dev.240424162023-9968b4889d→7.0.0^6.4.5→^9.0.0^6.4.3→^9.0.0^6.4.3→^9.0.0^8.29.2→^9.0.0Warning
Some dependencies could not be looked up. Check the Dependency Dashboard for more information.
Release Notes
mui/material-ui (@mui/lab)
v7.0.0Mar 26, 2025
🎉 We're happy to announce the stable release of v7.
@mui/material@7.0.0onHighlightChangeis called (#45438) @ZeeshanTamboli@mui/system@7.0.0@mui/lab@7.0.0-beta.9Docs
Core
React.ComponentTypein proptypes generation (#45664) @Janpottranslations.jsonis present in all@mui/docspackage builds (#45626) @LukasTyreact-remove-propertiesbabel plugin (#45218) @JanpotponyfillGlobal(#45606) @JanpotAll contributors of this release in alphabetical order: @DiegoAndai, @IshfaqAhmedProg, @Janpot, @letianpailove, @LukasTy, @mnajdova, @mushfiqbh, @oliviertassinari, @siriwatknp, @ZeeshanTamboli
mui/mui-x (@mui/x-charts)
v9.13.0Compare Source
Sep 4, 2026
We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
EventCalendarSpecial thanks go out to these community members for their valuable contributions:
@Anexus5919, @jvskriubakken, @mustafajw07, @roychan1
The following team members contributed to this release:
@brijeshb42, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @LukasTy, @michelengelen, @noraleonte, @rita-codes, @silviuaavram
Data Grid
@mui/x-data-grid@9.13.0onValueChangeaftersetEditCellValuein edit cells (#23417) @michelengelenrowHeaderin virtualized setups (#23386) @silviuaavramToolbarRoot(#23322) @JCQuintasrowsPerPageselector appearing whenautoPageSizeis enabled andpageSizeis one ofpageSizeOptions(#23401) @roychan1@mui/x-data-grid-pro@9.13.0Same changes as in
@mui/x-data-grid@9.13.0, plus:disableDebouncefrom reaching the DOM in multi select filter (#23445) @JCQuintas@mui/x-data-grid-premium@9.13.0Same changes as in
@mui/x-data-grid-pro@9.13.0, plus:Date and Time Pickers
@mui/x-date-pickers@9.13.0Internal changes.
@mui/x-date-pickers-pro@9.13.0Same changes as in
@mui/x-date-pickers@9.13.0.Charts
@mui/x-charts@9.13.0@mui/x-charts-pro@9.13.0Same changes as in
@mui/x-charts@9.13.0.@mui/x-charts-premium@9.13.0Same changes as in
@mui/x-charts-pro@9.13.0.Tree View
@mui/x-tree-view@9.13.0loadingprop and customizable loading UI (#22251) @michelengelenuseIdfor the default tree id (#23341) @Anexus5919@mui/x-tree-view-pro@9.13.0Same changes as in
@mui/x-tree-view@9.13.0.Scheduler
@mui/x-scheduler@9.0.0-beta.11ResizeObserverdeliveries after rendering the timeline (#23444) @rita-codesEventContextMenuwith Edit and Delete actions (#23379) @mustafajw07eventDialogGeneralTabslot (#23338) @rita-codesaria-expandedpresent when ViewSwitcher and PreferencesMenu menus are closed (#23427) @mustafajw07aria-expandedandaria-controlsto side panel toggle button (#23402) @mustafajw07@mui/x-scheduler-premium@9.0.0-beta.11Same changes as in
@mui/x-scheduler@9.0.0-beta.11, plus:exDateson their data-timezone day (#23467) @rita-codesCodemod
@mui/x-codemod@9.13.0Internal changes.
Docs
RichTreeViewcustomization (#22908) @michelengelenCore
styled-componentsdependency (#23479) @LukasTyspy()usages withvi.fn()(#23443) @JCQuintasspy(fn)usages withvi.fn(fn)(#23460) @JCQuintasvi.spyOn(#23474) @JCQuintasMiscellaneous
remendimport (#23263) @hasdfav9.12.0Compare Source
Aug 21, 2026
We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
=SUM(RANGE(…)),=price * quantity) evaluated by a built-in engine, with a formula editor and Formula Bar, autocomplete, reference highlighting, optional A1 notation, fill-handle reference adjustment, custom functions, and live formula Excel exportSpecial thanks go out to these community members for their valuable contributions:
@Anexus5919, @mustafajw07
The following team members contributed to this release:
@brijeshb42, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes, @romgrk, @silviuaavram
Data Grid
@mui/x-data-grid@9.12.0apiRefonGridCallbackDetailsfor selector access in callbacks (#22973) @michelengelenheaderFiltersorcolumnGroupingModelchange (#23059) @MBilalShafisingleSelectfilter option (#23294) @JCQuintasrowheaderattribute for grid cells (#23340) @silviuaavram@mui/x-data-grid-pro@9.12.0Same changes as in
@mui/x-data-grid@9.12.0, plus:hasNextPagein infinite lazy loading (#23048) @MBilalShafi@mui/x-data-grid-premium@9.12.0Same changes as in
@mui/x-data-grid-pro@9.12.0, plus:Date and Time Pickers
@mui/x-date-pickers@9.12.0gridcellrole and the column index on filler cells (#23326) @Anexus5919@mui/x-date-pickers-pro@9.12.0Same changes as in
@mui/x-date-pickers@9.12.0, plus:Charts
@mui/x-charts@9.12.0propTypeswarnings and stray-pointer test flakiness (#23384) @LukasTy@mui/x-charts-pro@9.12.0Same changes as in
@mui/x-charts@9.12.0.@mui/x-charts-premium@9.12.0Same changes as in
@mui/x-charts-pro@9.12.0, plus:onItemClickto the radial charts (#23253) @JCQuintasTree View
@mui/x-tree-view@9.12.0Internal changes.
@mui/x-tree-view-pro@9.12.0Same changes as in
@mui/x-tree-view@9.12.0.Scheduler
@mui/x-scheduler@9.0.0-beta.10onEventEditingStartto let consumers open their own edit UI (#23361) @rita-codesviewConfighour limits in the compact day and week views (#23316) @rita-codes@mui/x-scheduler-premium@9.0.0-beta.10Same changes as in
@mui/x-scheduler@9.0.0-beta.10, plus:Codemod
@mui/x-codemod@9.12.0Internal changes.
Docs
make-childdrop action by item type (#22940) @michelengelenadapter-dependencies.json(#23328) @LukasTyCore
DateRangeCalendartags (#23385) @JCQuintasMiscellaneous
react-dompeer dependencies (#23381) @LukasTyv9.11.1Compare Source
Aug 6, 2026
We'd like to extend a big thank you to the 2 contributors who made this release possible. Here are some highlights ✨:
@mui/x-charts-vendorpackage published in v9.11.0The following team members contributed to this release:
@JCQuintas, @rita-codes
Charts
@mui/x-charts@9.11.1@mui/x-charts-vendorpublished package (#23310) @JCQuintas@mui/x-charts-pro@9.11.1Same changes as in
@mui/x-charts@9.11.1.@mui/x-charts-premium@9.11.1Same changes as in
@mui/x-charts-pro@9.11.1.@mui/x-charts-vendor@9.11.1@mui/x-charts-vendorpublished package (#23310) @JCQuintasScheduler
@mui/x-scheduler@9.0.0-beta.9@mui/x-scheduler-premium@9.0.0-beta.9Same changes as in
@mui/x-scheduler@9.0.0-beta.9.v9.11.0Compare Source
Aug 6, 2026
We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
addItems()andgetItemSelection()API methods to Tree ViewSpecial thanks go out to these community members for their valuable contributions:
@12joan, @Anexus5919, @kevincorizi-sbt, @mixelburg, @mustafajw07, @strazto
The following team members contributed to this release:
@flaviendelangle, @hasdfa, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes
Data Grid
@mui/x-data-grid@9.11.0updateRowsstripping class prototypes from rows in datasource mode (#22288) @mixelburgActivitybecomes visible (#22603) @12joan@mui/x-data-grid-pro@9.11.0Same changes as in
@mui/x-data-grid@9.11.0.@mui/x-data-grid-premium@9.11.0Same changes as in
@mui/x-data-grid-pro@9.11.0.Date and Time Pickers
@mui/x-date-pickers@9.11.0@mui/x-date-pickers-pro@9.11.0Same changes as in
@mui/x-date-pickers@9.11.0, plus:Charts
@mui/x-charts@9.11.0Enter/Space(#23218) @JCQuintasGestureManagerevent listener leak on chart unmount (#23283) @kevincorizi-sbtslotProps.legend.positionanddirectioninRadarChart(#23254) @JCQuintasexperimentalFeaturesonRadarChartandHeatmap(#23216) @JCQuintas@mui/x-charts-pro@9.11.0Same changes as in
@mui/x-charts@9.11.0.@mui/x-charts-premium@9.11.0Same changes as in
@mui/x-charts-pro@9.11.0, plus:RangeBartype override (#23217) @JCQuintasTree View
@mui/x-tree-view@9.11.0addItems()API method (#23159) @JCQuintasgetItemSelectionAPI method (#23257) @noraleontekeepExistingSelectionwhenmultiSelectisfalse(#23242) @JCQuintas@mui/x-tree-view-pro@9.11.0Same changes as in
@mui/x-tree-view@9.11.0, plus:Scheduler
@mui/x-scheduler@9.0.0-beta.8localeTextprop to standalone views (#23210) @rita-codes@base-ui/react/internalsimports (#21972) @flaviendelangleEventTimeline(#23240) @mustafajw07@mui/x-scheduler-premium@9.0.0-beta.8Same changes as in
@mui/x-scheduler@9.0.0-beta.8.Codemod
@mui/x-codemod@9.11.0@babel/coreand@babel/traversedependencies (#23245) @LukasTyDocs
Core
Miscellaneous
@mui/icons-materialdependency (#23252) @LukasTyPickersTextFieldtest stub instead ofas any(#23194) @LukasTyv9.10.1Compare Source
Jul 23, 2026
We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to these community members for their valuable contributions:
@kevincorizi-sbt, @mustafajw07, @SamanPandey-in
The following team members contributed to this release:
@brijeshb42, @hasdfa, @JCQuintas, @LukasTy, @michelengelen, @noraleonte, @rita-codes, @silviuaavram
Data Grid
@mui/x-data-grid@9.10.1getColumnreturn type not reflecting that it can return undefined (#23165) @JCQuintas@mui/x-data-grid-pro@9.10.1Same changes as in
@mui/x-data-grid@9.10.1.@mui/x-data-grid-premium@9.10.1Same changes as in
@mui/x-data-grid-pro@9.10.1.Date and Time Pickers
@mui/x-date-pickers@9.10.1@mui/x-date-pickers-pro@9.10.1Same changes as in
@mui/x-date-pickers@9.10.1, plus:Charts
@mui/x-charts@9.10.1aria-hiddenon accessibility proxy divs at initialization (#23186) @kevincorizi-sbt@mui/x-charts-pro@9.10.1Same changes as in
@mui/x-charts@9.10.1, plus:@mui/x-charts-premium@9.10.1Same changes as in
@mui/x-charts-pro@9.10.1.Tree View
@mui/x-tree-view@9.10.1@mui/x-tree-view-pro@9.10.1Same changes as in
@mui/x-tree-view@9.10.1.Scheduler
@mui/x-scheduler@9.0.0-beta.7EventCalendarrendering for multi-resource events (#23161) @mustafajw07@mui/x-scheduler-premium@9.0.0-beta.7Same changes as in
@mui/x-scheduler@9.0.0-beta.7, plus:Codemod
@mui/x-codemod@9.10.1Internal changes.
Docs
Core
Miscellaneous
esnext.disposablelib (#23164) @JCQuintasv9.10.0Compare Source
Jul 17, 2026
We'd like to extend a big thank you to the 7 contributors who made this release possible. Here are some highlights ✨:
dataIndexinLinePlotandAreaPlotonItemClickfor Chartsdata-*attributes onslotProps. Read moreSpecial thanks go out to these community members for their valuable contributions:
@Anexus5919, @mustafajw07
The following team members contributed to this release:
@brijeshb42, @Janpot, @JCQuintas, @LukasTy, @noraleonte
Data Grid
@mui/x-data-grid@9.10.0Internal changes.
@mui/x-data-grid-pro@9.10.0Same changes as in
@mui/x-data-grid@9.10.0.@mui/x-data-grid-premium@9.10.0Same changes as in
@mui/x-data-grid-pro@9.10.0.Date and Time Pickers
@mui/x-date-pickers@9.10.0Internal changes.
@mui/x-date-pickers-pro@9.10.0Same changes as in
@mui/x-date-pickers@9.10.0.Charts
@mui/x-charts@9.10.0dataIndexinLinePlotandAreaPlotonItemClick(#23144) @JCQuintas@mui/x-charts-pro@9.10.0Same changes as in
@mui/x-charts@9.10.0.@mui/x-charts-premium@9.10.0Same changes as in
@mui/x-charts-pro@9.10.0.Tree View
@mui/x-tree-view@9.10.0Internal changes.
@mui/x-tree-view-pro@9.10.0Same changes as in
@mui/x-tree-view@9.10.0, plus:Scheduler
@mui/x-scheduler@9.0.0-beta.6CalendarEvent.resource(#23109) @mustafajw07@mui/x-scheduler-premium@9.0.0-beta.6Same changes as in
@mui/x-scheduler@9.0.0-beta.6.Chat
@mui/x-chat@9.0.0-alpha.14resolveComponentPropsfrom@mui/utils(#23095) @LukasTy@mui/x-chat-headless@9.0.0-alpha.14Internal changes.
Codemod
@mui/x-codemod@9.10.0Internal changes.
Docs
Core
tsgo(#22826) @brijeshb42release:buildconcurrency to mitigatetsgoOOM kills (#23139) @LukasTydata-*attributes onslotProps(#22128) @LukasTyMiscellaneous
Configuration
📅 Schedule: (in timezone US/Eastern)
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.
👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.
This PR was generated by Mend Renovate. View the repository job log.