Update WithListContext usages.

Author: Madeorsk

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { onlineManager, QueryClient } from '@tanstack/react-query';
-import { RecordsIterator, WithListContext } from 'ra-core';
+import { RecordsIterator } from 'ra-core';
 import { CoreAdmin } from '../../core/CoreAdmin';
 import { Resource } from '../../core/Resource';
 import { ShowBase } from '../../controller/show/ShowBase';

packages/ra-core/src/controller/list/RecordsIterator.stories.tsx

@@ -36,7 +36,7 @@ export const UsingRender = ({
         <ListContextProvider value={value}>
             <WithListContext
                 loading={<div>Loading...</div>}
-                errorElement={<div>Error</div>}
+                error={<div>Error</div>}
                 offline={<div>Offline</div>}
                 empty={<div>No data</div>}
             >
@@ -101,7 +101,7 @@ export const UsingChildren = ({
         <ListContextProvider value={value}>
             <WithListContext
                 loading={<div>Loading...</div>}
-                errorElement={<div>Error</div>}
+                error={<div>Error</div>}
                 offline={<div>Offline</div>}
                 empty={<div>No data</div>}
             >

packages/ra-core/src/controller/list/WithListContext.stories.tsx

@@ -323,38 +323,35 @@ export const Error = () => (
     <CoreAdminContext dataProvider={erroredDataProvider}>
         <ListBase resource="fruits" disableSyncWithLocation perPage={100}>
             <WithListContext<Fruit>
-                errorElement={<p>Error loading data</p>}
-                render={({ isPending, data, total }) =>
-                    isPending ? (
-                        <>Loading...</>
-                    ) : (
-                        <table style={{ borderSpacing: '30px 5px' }}>
-                            <thead>
-                                <tr>
-                                    <th>Date</th>
-                                    <th>Apples</th>
-                                    <th>Blueberries</th>
-                                    <th>Carrots</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                {data.map(fruit => (
-                                    <tr key={fruit.id}>
-                                        <td>{fruit.date}</td>
-                                        <td>{fruit.apples}</td>
-                                        <td>{fruit.blueberries}</td>
-                                        <td>{fruit.carrots}</td>
-                                    </tr>
-                                ))}
-                            </tbody>
-                            <tfoot>
-                                <tr>
-                                    <td colSpan={4}>Total: {total}</td>
+                loading={<>Loading...</>}
+                error={<p>Error loading data</p>}
+                render={({ data, total }) => (
+                    <table style={{ borderSpacing: '30px 5px' }}>
+                        <thead>
+                            <tr>
+                                <th>Date</th>
+                                <th>Apples</th>
+                                <th>Blueberries</th>
+                                <th>Carrots</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {data.map(fruit => (
+                                <tr key={fruit.id}>
+                                    <td>{fruit.date}</td>
+                                    <td>{fruit.apples}</td>
+                                    <td>{fruit.blueberries}</td>
+                                    <td>{fruit.carrots}</td>
                                 </tr>
-                            </tfoot>
-                        </table>
-                    )
-                }
+                            ))}
+                        </tbody>
+                        <tfoot>
+                            <tr>
+                                <td colSpan={4}>Total: {total}</td>
+                            </tr>
+                        </tfoot>
+                    </table>
+                )}
             />
         </ListBase>
     </CoreAdminContext>