[material-ui][Autocomplete] Add typescript test for PaperComponent \w…

… extended props

packages/mui-material/src/Autocomplete/Autocomplete.spec.tsx

@@ -7,6 +7,7 @@ import Autocomplete, {
 } from '@mui/material/Autocomplete';
 import TextField from '@mui/material/TextField';
 import { ChipTypeMap } from '@mui/material/Chip';
+import Paper, { type PaperProps } from '@mui/material/Paper';
 
 interface MyAutocompleteProps<
  T,
@@ -171,3 +172,33 @@ function CustomListboxRef() {
  >(e);
  }}
 />;
+
+type PaperComponentProps = { title?: string };
+declare module '@mui/material/Paper' {
+ export interface PaperBaseProps extends PaperComponentProps {}
+}
+
+function PaperComponent({ title, children, ...props }: PaperProps) {
+ return (
+ <Paper {...props}>
+ {title}
+ {children}
+ </Paper>
+ );
+}
+
+function AutocompleteCustomPaper() {
+ return (
+ <Autocomplete
+ options={['one', 'two', 'three']}
+ renderInput={(params) => <TextField {...params} />}
+ PaperComponent={PaperComponent}
+ componentsProps={{
+ paper: {
+ title: 'Title',
+ variant: 'outlined',
+ },
+ }}
+ />
+ );
+}