<AutocompleteArrayInput create> shows undefined on blur

[fzaninotto]

What you were expecting:

When focusing then blurring an <AutocompleteArrayInput> with a create prop, the text I typed should be kept.

What happened instead:

The text is replaced by "undefined" instead.

Enregistrement.de.l.ecran.2022-10-28.a.12.37.04.mov

Steps to reproduce:

const choices = [
    { id: 'admin', name: 'Admin' },
    { id: 'u001', name: 'Editor' },
    { id: 'u002', name: 'Moderator' },
    { id: 'u003', name: 'Reviewer' },
];

export const CreateProp = () => (
    <AdminContext i18nProvider={i18nProvider}>
        <Create
            resource="users"
            record={{ roles: ['u001', 'u003'] }}
        >
            <SimpleForm>
                <AutocompleteArrayInput
                    source="roles"
                    choices={choices}
                    create={<CreateRole />}
                />
            </SimpleForm>
        </Create>
    </AdminContext>
);

// The create component doesn't matter, but here is one legitimate one
const CreateRole = () => {
    const { onCancel, onCreate } = useCreateSuggestionContext();
    const [value, setValue] = React.useState('');

    const handleSubmit = event => {
        event.preventDefault();
        const newOption = { id: value, name: value };
        choices.push(newOption);
        setValue('');
        onCreate(newOption);
    };

    return (
        <Dialog open onClose={onCancel}>
            <form onSubmit={handleSubmit}>
                <DialogContent>
                    <TextField
                        label="Role name"
                        value={value}
                        onChange={event => setValue(event.target.value)}
                        autoFocus
                    />
                </DialogContent>
                <DialogActions>
                    <Button type="submit">Save</Button>
                    <Button onClick={onCancel}>Cancel</Button>
                </DialogActions>
            </form>
        </Dialog>
    );
};

Environment

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