diff --git a/docs/data/material/components/menus/AccountMenu.js b/docs/data/material/components/menus/AccountMenu.js index da1d097b5cdd3d..960b8c8fac1c64 100644 --- a/docs/data/material/components/menus/AccountMenu.js +++ b/docs/data/material/components/menus/AccountMenu.js @@ -45,29 +45,31 @@ export default function AccountMenu() { open={open} onClose={handleClose} onClick={handleClose} - PaperProps={{ - elevation: 0, - sx: { - overflow: 'visible', - filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', - mt: 1.5, - '& .MuiAvatar-root': { - width: 32, - height: 32, - ml: -0.5, - mr: 1, - }, - '&::before': { - content: '""', - display: 'block', - position: 'absolute', - top: 0, - right: 14, - width: 10, - height: 10, - bgcolor: 'background.paper', - transform: 'translateY(-50%) rotate(45deg)', - zIndex: 0, + slotProps={{ + paper: { + elevation: 0, + sx: { + overflow: 'visible', + filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', + mt: 1.5, + '& .MuiAvatar-root': { + width: 32, + height: 32, + ml: -0.5, + mr: 1, + }, + '&::before': { + content: '""', + display: 'block', + position: 'absolute', + top: 0, + right: 14, + width: 10, + height: 10, + bgcolor: 'background.paper', + transform: 'translateY(-50%) rotate(45deg)', + zIndex: 0, + }, }, }, }} diff --git a/docs/data/material/components/menus/AccountMenu.tsx b/docs/data/material/components/menus/AccountMenu.tsx index 169154ca30905d..88d1afbb4ec5db 100644 --- a/docs/data/material/components/menus/AccountMenu.tsx +++ b/docs/data/material/components/menus/AccountMenu.tsx @@ -45,29 +45,31 @@ export default function AccountMenu() { open={open} onClose={handleClose} onClick={handleClose} - PaperProps={{ - elevation: 0, - sx: { - overflow: 'visible', - filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', - mt: 1.5, - '& .MuiAvatar-root': { - width: 32, - height: 32, - ml: -0.5, - mr: 1, - }, - '&::before': { - content: '""', - display: 'block', - position: 'absolute', - top: 0, - right: 14, - width: 10, - height: 10, - bgcolor: 'background.paper', - transform: 'translateY(-50%) rotate(45deg)', - zIndex: 0, + slotProps={{ + paper: { + elevation: 0, + sx: { + overflow: 'visible', + filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', + mt: 1.5, + '& .MuiAvatar-root': { + width: 32, + height: 32, + ml: -0.5, + mr: 1, + }, + '&::before': { + content: '""', + display: 'block', + position: 'absolute', + top: 0, + right: 14, + width: 10, + height: 10, + bgcolor: 'background.paper', + transform: 'translateY(-50%) rotate(45deg)', + zIndex: 0, + }, }, }, }} diff --git a/docs/data/material/components/menus/LongMenu.js b/docs/data/material/components/menus/LongMenu.js index 926a419b5a3990..a68bdeeb82fac6 100644 --- a/docs/data/material/components/menus/LongMenu.js +++ b/docs/data/material/components/menus/LongMenu.js @@ -53,10 +53,12 @@ export default function LongMenu() { anchorEl={anchorEl} open={open} onClose={handleClose} - PaperProps={{ - style: { - maxHeight: ITEM_HEIGHT * 4.5, - width: '20ch', + slotProps={{ + paper: { + style: { + maxHeight: ITEM_HEIGHT * 4.5, + width: '20ch', + }, }, }} > diff --git a/docs/data/material/components/menus/LongMenu.tsx b/docs/data/material/components/menus/LongMenu.tsx index 184184386e84c8..5e9740073ef7f4 100644 --- a/docs/data/material/components/menus/LongMenu.tsx +++ b/docs/data/material/components/menus/LongMenu.tsx @@ -53,10 +53,12 @@ export default function LongMenu() { anchorEl={anchorEl} open={open} onClose={handleClose} - PaperProps={{ - style: { - maxHeight: ITEM_HEIGHT * 4.5, - width: '20ch', + slotProps={{ + paper: { + style: { + maxHeight: ITEM_HEIGHT * 4.5, + width: '20ch', + }, }, }} >