finish PR

Author: oliviertassinari

docs/data/material/components/autocomplete/CustomizedHook.js

@@ -186,11 +186,11 @@ function CustomAutocomplete(props) {
         <Label {...getInputLabelProps()}>Customized hook</Label>
         <InputWrapper ref={setAnchorEl} className={focused ? 'focused' : ''}>
           {value.map((option, index) => {
-            const { key, ...tagProps } = getItemProps({ index });
+            const { key, ...itemProps } = getItemProps({ index });
             return (
               <StyledItem
                 key={key}
-                {...tagProps}
+                {...itemProps}
                 label={props.getOptionLabel(option)}
               />
             );

docs/data/material/components/autocomplete/CustomizedHook.tsx

@@ -164,7 +164,7 @@ const Listbox = styled('ul')(({ theme }) => ({
   },
 }));
 
-function CustomAutocomplete<Value = FilmOptionType>(
+function CustomAutocomplete<Value>(
   props: UseAutocompleteProps<Value, true, false, false>,
 ) {
   const {
@@ -220,7 +220,7 @@ function CustomAutocomplete<Value = FilmOptionType>(
 
 export default function CustomizedHook() {
   return (
-    <CustomAutocomplete
+    <CustomAutocomplete<FilmOptionType>
       id="customized-hook-demo"
       defaultValue={[top100Films[1]]}
       options={top100Films}

docs/data/material/components/autocomplete/CustomizedHook.tsx.preview

@@ -1,4 +1,4 @@
-<CustomAutocomplete
+<CustomAutocomplete<FilmOptionType>
   id="customized-hook-demo"
   defaultValue={[top100Films[1]]}
   options={top100Films}