ArrayInput issues with nested properties

[marhali]

What you were expecting:

I want to use the ArrayInput with a nested property structure like this:

{
    "numbers": [
        {
            "nested": {
                "number": "10"
            }
        }
    ]
}

What happened instead:

The data gets displayed properly but if I remove an item from the array and want to add a new item, the old data gets displayed.
This does not happen if I do not use a nested property for the source parameter.
Another problem is the save button which will not display the correct state (enabled, disabled) on nested properties.

Steps to reproduce:

Related code:

See this example with a nested property structure:
https://stackblitz.com/edit/github-rmhseu?file=src/data.tsx

<Edit>
    <SimpleForm>
      <ArrayInput source="numbers" defaultValue={[{ nested: { number: 1 } }]}>
        <SimpleFormIterator>
          <NumberInput source="nested.number" defaultValue={1} />
        </SimpleFormIterator>
      </ArrayInput>
    </SimpleForm>
  </Edit>

Other information:

Environment

• React-admin version: 4.4.1
• React version: 17
• Browser: chrome

[slax57]

Reproduced, thanks!

Might be the implementation of #8204 that only clears objects at depth=1

[djhi]

Cannot reproduce anymore on 4.13.0