[Autocomplete] Fix ListboxComponent slot regression (#25102)

mui · Feb 26, 2021 · 5bd4cce · 5bd4cce
1 parent a10d117
commit 5bd4cce
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/docs/src/pages/components/autocomplete/Virtualize.js b/docs/src/pages/components/autocomplete/Virtualize.js
@@ -6,7 +6,7 @@ import useMediaQuery from '@material-ui/core/useMediaQuery';
 import ListSubheader from '@material-ui/core/ListSubheader';
 import { useTheme, makeStyles } from '@material-ui/core/styles';
 import { VariableSizeList } from 'react-window';
-import { Typography } from '@material-ui/core';
+import Typography from '@material-ui/core/Typography';
 
 const LISTBOX_PADDING = 8; // px
 

diff --git a/docs/src/pages/components/autocomplete/Virtualize.tsx b/docs/src/pages/components/autocomplete/Virtualize.tsx
@@ -7,7 +7,7 @@ import useMediaQuery from '@material-ui/core/useMediaQuery';
 import ListSubheader from '@material-ui/core/ListSubheader';
 import { useTheme, makeStyles } from '@material-ui/core/styles';
 import { VariableSizeList, ListChildComponentProps } from 'react-window';
-import { Typography } from '@material-ui/core';
+import Typography from '@material-ui/core/Typography';
 
 const LISTBOX_PADDING = 8; // px
 

diff --git a/packages/material-ui/src/Autocomplete/Autocomplete.js b/packages/material-ui/src/Autocomplete/Autocomplete.js
@@ -551,11 +551,7 @@ const Autocomplete = React.forwardRef(function Autocomplete(inProps, ref) {
       >
         {params.group}
       </AutocompleteGroupLabel>
-      <AutocompleteGroupUl
-        as={ListboxComponent}
-        className={classes.groupUl}
-        styleProps={styleProps}
-      >
+      <AutocompleteGroupUl className={classes.groupUl} styleProps={styleProps}>
         {params.children}
       </AutocompleteGroupUl>
     </li>
@@ -654,6 +650,7 @@ const Autocomplete = React.forwardRef(function Autocomplete(inProps, ref) {
             ) : null}
             {groupedOptions.length > 0 ? (
               <AutocompleteListbox
+                as={ListboxComponent}
                 className={classes.listbox}
                 styleProps={styleProps}
                 {...getListboxProps()}