Fix <AutocompleteArrayInput> does not apply ChipProps nor

`slotProps.chip` in `renderTags`

Author: djhi

packages/ra-ui-materialui/src/input/AutocompleteArrayInput.stories.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Admin } from 'react-admin';
 
 import CloseIcon from '@mui/icons-material/Close';
+import BackspaceIcon from '@mui/icons-material/Backspace';
 import {
     Button,
     Chip,
@@ -780,3 +781,20 @@ export const InsideReferenceArrayInputWithCreationSupport = () => (
         </Admin>
     </TestMemoryRouter>
 );
+
+export const ChipProps = () => (
+    <Wrapper>
+        <AutocompleteArrayInput
+            source="roles"
+            choices={[
+                { id: 'admin', name: 'Admin' },
+                { id: 'u001', name: 'Editor' },
+                { id: 'u002', name: 'Moderator' },
+                { id: 'u003', name: 'Reviewer' },
+            ]}
+            ChipProps={{
+                deleteIcon: <BackspaceIcon />,
+            }}
+        />
+    </Wrapper>
+);

packages/ra-ui-materialui/src/input/AutocompleteInput.tsx

@@ -726,6 +726,11 @@ If you provided a React element for the optionText prop, you must also provide t
                     value.map((option, index) => {
                         // We have to extract the key because react 19 does not allow to spread the key prop
                         const { key, ...tagProps } = getTagProps({ index });
+                        // @ts-expect-error slotProps do not yet exist in MUI v5
+                        const mergedSlotProps = props.slotProps?.chip
+                            ? // @ts-expect-error slotProps do not yet exist in MUI v5
+                              props.slotProps.chip
+                            : props.ChipProps;
                         return (
                             <Chip
                                 label={
@@ -738,6 +743,7 @@ If you provided a React element for the optionText prop, you must also provide t
                                 size="small"
                                 key={key}
                                 {...tagProps}
+                                {...mergedSlotProps}
                             />
                         );
                     })