remove mui components from ReferenceArrayFieldBase doc.

Author: ThieryMichel

docs/ReferenceArrayFieldBase.md

@@ -44,7 +44,7 @@ A typical `post` record therefore looks like this:
 In that case, use `<ReferenceArrayFieldBase>` to display the post tag names as Chips as follows:
 
 ```jsx
-import { List, DataTable, ReferenceArrayFieldBase } from 'react-admin';
+import { ListBase, ListIterator, ReferenceArrayFieldBase } from 'react-admin';
 
 const MyTagsView = (props: { children: React.ReactNode }) => {
     const context = useListContext();
@@ -66,20 +66,13 @@ const MyTagsView = (props: { children: React.ReactNode }) => {
 };
 
 export const PostList = () => (
-    <List>
-        <DataTable>
-            <DataTable.Col source="id" />
-            <DataTable.Col source="title" />
-            <DataTable.Col source="tag_ids" label="Tags">
-                <ReferenceArrayFieldBase reference="tags" source="tag_ids">
-                    <MyTagsView />
-                </ReferenceArrayFieldBase>
-            </DataTable.Col>
-            <DataTable.Col>
-                <EditButton />
-            </DataTable.Col>
-        </DataTable>
-    </List>
+    <ListBase>
+        <ListIterator>
+            <ReferenceArrayFieldBase reference="tags" source="tag_ids">
+                <MyTagsView />
+            </ReferenceArrayFieldBase>
+        </ListIterator>
+    </ListBase>
 );
 ```
 

docs/ReferenceFieldBase.md

@@ -247,17 +247,11 @@ import { ListBase, ListIterator, ReferenceFieldBase } from 'react-admin';
 
 export const PostList = () => (
     <ListBase>
-        <ListIterator
-            render={({ referenceRecord}) => (
-                <div>
-                    <p>#{referenceRecord?.id}</p>
-                    <ReferenceFieldBase source="user_id" reference="users">
-                        <AuthorView />
-                    </ReferenceFieldBase>
-                    <p>{referenceRecord.title}</p>
-                </div>
-            )}
-        />
+        <ListIterator>
+            <ReferenceFieldBase source="user_id" reference="users">
+                <AuthorView />
+            </ReferenceFieldBase>
+        </ListIterator>
     </ListBase>
 );
 ```

docs/ReferenceManyFieldBase.md

@@ -278,12 +278,12 @@ For instance, if you want to display the `books` of a given `author`, the `refer
 
 ```jsx
 <ReferenceManyFieldBase label="Books" reference="books" target="author_id">
-  <ListIterator render={(book) => (
-    <div>
-        <p>{book.title}</p>
-        <p>{book.published_at}</p>
-    </div>
-  )} />
+    <ListIterator render={(book) => (
+        <div>
+            <p>{book.title}</p>
+            <p>{book.published_at}</p>
+        </div>
+    )} />
 </ReferenceManyFieldBase>
 ```