Merge pull request #8659 from marmelab/fix-ArrayField-when-value-is-null

Fix ArrayField breaking when value is null

Author: fzaninotto

packages/ra-ui-materialui/src/field/ArrayField.spec.tsx

@@ -43,6 +43,16 @@ describe('<ArrayField />', () => {
         );
     });
 
+    it('should not fail when value is null', () => {
+        render(
+            <Wrapper>
+                <ArrayField source="arr" record={{ id: 123, arr: null }}>
+                    <DummyIterator />
+                </ArrayField>
+            </Wrapper>
+        );
+    });
+
     it('should render the alternative empty component', () => {
         const { queryByText } = render(
             <Wrapper>

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

@@ -75,7 +75,7 @@ import { PublicFieldProps, InjectedFieldProps, fieldPropTypes } from './types';
 export const ArrayField: FC<ArrayFieldProps> = memo(props => {
     const { children, resource, source } = props;
     const record = useRecordContext(props);
-    const data = get(record, source, emptyArray);
+    const data = get(record, source, emptyArray) || emptyArray;
 
     return (
         <ListContextProvider