fix Menu

mui · Apr 9, 2023 · 158c924 · 158c924
1 parent 3ef842c
commit 158c924
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/packages/mui-joy/src/Menu/Menu.tsx b/packages/mui-joy/src/Menu/Menu.tsx
@@ -138,7 +138,7 @@ const Menu = React.forwardRef(function Menu(inProps, ref: React.ForwardedRef<HTM
   const rootProps = useSlotProps({
     elementType: MenuRoot,
     getSlotProps: getListboxProps,
-    externalForwardedProps: other,
+    externalForwardedProps,
     externalSlotProps: {},
     ownerState: ownerState as MenuOwnerState & ListOwnerState,
     additionalProps: {
@@ -147,11 +147,7 @@ const Menu = React.forwardRef(function Menu(inProps, ref: React.ForwardedRef<HTM
       open,
       disablePortal,
       keepMounted,
-      as: PopperUnstyled,
       modifiers,
-      slots: {
-        root: component || 'ul',
-      },
     },
     className: classes.root,
   });
@@ -165,7 +161,15 @@ const Menu = React.forwardRef(function Menu(inProps, ref: React.ForwardedRef<HTM
   );
 
   const result = (
-    <MenuRoot {...rootProps}>
+    <MenuRoot
+      {...rootProps}
+      {...(!props.slots?.root && {
+        as: PopperUnstyled,
+        slots: {
+          root: component || 'ul',
+        },
+      })}
+    >
       <MenuUnstyledContext.Provider value={menuContextValue}>
         <ListProvider nested>
           {disablePortal ? (