SimpleFormIterator with ReferenceInput and AutocompleteInput clears selected value on item selection

[StephanieIlievaa]

When using SimpleFormIterator with ArrayInput, ReferenceInput, and AutocompleteInput in React Admin, selecting an item from the AutocompleteInput dropdown temporarily displays the selected item but then clears it unexpectedly. This issue makes it difficult to keep the selected value in the input field.

This issue appears to occur specifically within SimpleFormIterator, as ReferenceInput and AutocompleteInput work as expected outside of SimpleFormIterator.

Steps to Reproduce
Create a form component using ArrayInput, SimpleFormIterator, ReferenceInput, and AutocompleteInput, similar to the following setup:

Frontend:

Expected Behavior
The selected company should remain in the input field, allowing the user to see the chosen item until they either submit the form or make a new selection.
Actual Behavior
Upon selecting a company, the AutocompleteInput momentarily displays the selected company but then re-renders, clearing the selected value from the input field.

Environment
React Admin version: "^4.16.12"
React version: "^18.2.0"
Browser: Chrome 130.0.6723.92 (Official Build)

[djhi]

Thanks for reporting this. Please provide a sample application showing the issue, preferably a sandbox forked from

• https://codesandbox.io/p/github/marmelab/react-admin-sandbox/main (v5)
• https://stackblitz.com/github/marmelab/react-admin/tree/master/examples/simple (v5)
• https://stackblitz.com/github/marmelab/react-admin/tree/4.x/examples/simple (v4)