Fix ReferenceManyField formatting

Author: fzaninotto

packages/ra-ui-materialui/src/field/ReferenceManyField.stories.tsx

@@ -123,6 +123,25 @@ export const Basic = () => (
     </Wrapper>
 );
 
+export const Empty = () => (
+    <Wrapper
+        dataProvider={fakeDataProvider(
+            { authors, books: [] },
+            process.env.NODE_ENV === 'development'
+        )}
+    >
+        <ReferenceManyField
+            reference="books"
+            target="author_id"
+            empty="no books"
+        >
+            <Datagrid>
+                <TextField source="title" />
+            </Datagrid>
+        </ReferenceManyField>
+    </Wrapper>
+);
+
 export const WithSingleFieldList = () => (
     <Wrapper>
         <ReferenceManyField reference="books" target="author_id">

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

@@ -1,10 +1,12 @@
 import React from 'react';
 import {
     ReferenceManyFieldBase,
+    useTranslate,
     type ReferenceManyFieldBaseProps,
-    RaRecord,
+    type RaRecord,
 } from 'ra-core';
 
+import { Typography } from '@mui/material';
 import type { FieldProps } from './types';
 
 /**
@@ -58,7 +60,23 @@ export const ReferenceManyField = <
     ReferenceRecordType extends RaRecord = RaRecord,
 >(
     props: ReferenceManyFieldProps<RecordType, ReferenceRecordType>
-) => <ReferenceManyFieldBase<RecordType, ReferenceRecordType> {...props} />;
+) => {
+    const translate = useTranslate();
+    return (
+        <ReferenceManyFieldBase<RecordType, ReferenceRecordType>
+            {...props}
+            empty={
+                typeof props.empty === 'string' ? (
+                    <Typography component="span" variant="body2">
+                        {translate(props.empty, { _: props.empty })}
+                    </Typography>
+                ) : (
+                    props.empty
+                )
+            }
+        />
+    );
+};
 
 export interface ReferenceManyFieldProps<
     RecordType extends Record<string, any> = Record<string, any>,