Cannot use a SimpleList as a child of an ArrayField

[Luwangel]

What you were expecting:

I want to use a <SimpleList> inside an <ArrayField>, but it's not working.

const UserShow = ({ permissions, ...props }) => (
  <Show {...props}>
        <TextField source="id" />
        <TextField source="name" />
        <ArrayField source="skills">
          <SimpleList primaryText={(record) => record.name} />
        </ArrayField>
        <ArrayField source="skills">
          <SingleFieldList>
            <ChipField source="name" />
          </SingleFieldList>
        </ArrayField>
  </Show>
);

What happened instead:

The <SimpleList> is rendered empty. It's not the case with the <SingleFieldList>.

Steps to reproduce:

I've written an example on CodeSandbox: https://codesandbox.io/s/sweet-mendeleev-jq98y?file=/src/users/UserShow.tsx.

Related code:

The <ArrayField> computes a total of null. But the <SimpleList> is not rendered if the total is not > 0.

react-admin/packages/ra-ui-materialui/src/field/ArrayField.tsx

Line 168 in bd409a5

total: null,

react-admin/packages/ra-ui-materialui/src/list/SimpleList.tsx

Line 123 in 77be726

total > 0 && (

Environment

• React-admin version: 3.19.3
• Last version that did not exhibit the issue (if applicable): ?
• React version: /
• Browser: /
• Stack trace (in case of a JS error): /

[WiXSL]

Fixed by #6975