Adapt the ReferenceManyFieldBase story

Author: erwanMarmelab

packages/ra-core/src/controller/field/ReferenceManyFieldBase.stories.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react';
+import { RecordContextProvider } from 'ra-core';
 import { QueryClient } from '@tanstack/react-query';
 import { CoreAdmin } from '../../core/CoreAdmin';
 import { Resource } from '../../core/Resource';
 import { ShowBase } from '../../controller/show/ShowBase';
 import { TestMemoryRouter } from '../../routing';
 import { ReferenceManyFieldBase } from './ReferenceManyFieldBase';
-import { ListBase, ListIterator, useListContext } from '../list';
+import { ListBase, useListContext, WithListContext } from '../list';
 import fakeRestDataProvider from 'ra-data-fakerest';
 
 export default {
@@ -133,20 +134,32 @@ export const InAList = ({ dataProvider = dataProviderWithAuthorList }) => (
                 name="authors"
                 list={
                     <ListBase>
-                        <ListIterator
-                            render={author => (
-                                <div>
-                                    <h3>{author.last_name} Books</h3>
-                                    <ReferenceManyFieldBase
-                                        target="author"
-                                        source="id"
-                                        reference="books"
-                                    >
-                                        <AuthorList source="title" />
-                                    </ReferenceManyFieldBase>
-                                </div>
+                        <WithListContext
+                            render={({ data, isPending }) => (
+                                <>
+                                    {!isPending &&
+                                        data.map(author => (
+                                            <RecordContextProvider
+                                                value={author}
+                                                key={author.id}
+                                            >
+                                                <div>
+                                                    <h3>
+                                                        {author.last_name} Books
+                                                    </h3>
+                                                    <ReferenceManyFieldBase
+                                                        target="author"
+                                                        source="id"
+                                                        reference="books"
+                                                    >
+                                                        <AuthorList source="title" />
+                                                    </ReferenceManyFieldBase>
+                                                </div>
+                                            </RecordContextProvider>
+                                        ))}
+                                </>
                             )}
-                        ></ListIterator>
+                        ></WithListContext>
                     </ListBase>
                 }
             />