[TypeScript] Fix disableClearable prop on AutocompleteArrayInput

[lvernaillen]

What you were expecting:
Setting the disableClearable prop on AutocompleteArrayInput should be possible without any build error. It removes the cross icon and removes the ability to clear the autocomplete input.

What happened instead:
Build error occurs stating Type 'true' is not assignable to type 'false'.

Steps to reproduce:
Use your simple application sandbox.
https://codesandbox.io/s/github/marmelab/react-admin/tree/master/examples/simple?file=/src/posts/TagReferenceInput.tsx
Update src/posts/TagReferenceInput.tsx by adding the disableClearable as shown below and see the compiler warning when hovering over the red squiggles.

<ReferenceArrayInput {...props} perPage={5} filter={{ published }}>
    <AutocompleteArrayInput
        create={<CreateTag />}
        optionText={`name.${locale}`}
        disableClearable  // ADD THIS PROP -> Type 'true' is not assignable to type 'false'
    />
</ReferenceArrayInput>

Other information:
Setting the prop disableClearable does work on a regular AutocompleteInput component.
This can be checked by adding the disableClearable prop to AutocompleteInput in src/posts/PostEdit.tsx.

A workaround is to force any type as done below. However that shouldn't be needed. Simply setting disableClearable should work.

<ReferenceArrayInput {...props} perPage={5} filter={{ published }}>
    <AutocompleteArrayInput
        create={<CreateTag />}
        optionText={`name.${locale}`}
        disableClearable={true as any}  // ADD THIS PROP -> this workaround works
    />
</ReferenceArrayInput>

Environment

• React-admin version: 4.1.0
• Last version that did not exhibit the issue (if applicable):
• React version: 17
• Browser: Chrome version 101.0.4951.67

[djhi]

Reproduced. Thanks!

[ethembynkr]

Same error exists in the AutocompleteInput component.

React-admin version: 4.16.19

[fzaninotto]

@ethembynkr Can you please open a new issue?