remove deprecated prop usage

siriwatknp · Jan 2, 2025 · 9e82abd · 9e82abd
1 parent 15c015b
commit 9e82abd
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/packages/mui-material/src/Menu/Menu.js b/packages/mui-material/src/Menu/Menu.js
@@ -166,6 +166,11 @@ const Menu = React.forwardRef(function Menu(inProps, ref) {
     }
   });
 
+  const externalForwardedProps = {
+    slots,
+    slotProps: { ...slotProps, list: slotProps.list || MenuListProps },
+  };
+
   const PaperSlot = slots.paper ?? MenuPaper;
   const paperExternalSlotProps = slotProps.paper ?? PaperProps;
 
@@ -185,7 +190,7 @@ const Menu = React.forwardRef(function Menu(inProps, ref) {
 
   const [ListSlot, listSlotProps] = useSlot('list', {
     elementType: MenuMenuList,
-    externalForwardedProps: { slots, slotProps },
+    externalForwardedProps,
     ownerState,
     className: clsx(classes.list, MenuListProps.className),
   });

diff --git a/packages/mui-material/src/Select/SelectInput.js b/packages/mui-material/src/Select/SelectInput.js
@@ -556,16 +556,16 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
           horizontal: 'center',
         }}
         {...MenuProps}
-        MenuListProps={{
-          'aria-labelledby': labelId,
-          role: 'listbox',
-          'aria-multiselectable': multiple ? 'true' : undefined,
-          disableListWrap: true,
-          id: listboxId,
-          ...MenuProps.MenuListProps,
-        }}
         slotProps={{
           ...MenuProps.slotProps,
+          list: {
+            'aria-labelledby': labelId,
+            role: 'listbox',
+            'aria-multiselectable': multiple ? 'true' : undefined,
+            disableListWrap: true,
+            id: listboxId,
+            ...MenuProps.MenuListProps,
+          },
           paper: {
             ...paperProps,
             style: {