Merge pull request #5658 from WiXSL/docs-fix-sample

[Docs] Fix List examples
marmelab · Dec 11, 2020 · b092973 · b092973
2 parents be749b7 + aa6b919
commit b092973
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/docs/List.md b/docs/List.md
@@ -1759,8 +1759,9 @@ export const PaginationActions = props => <RaPaginationActions {...props} color=
 export const Pagination = props => <RaPagination {...props} ActionsComponent={PaginationActions} />;
 
 export const UserList = props => (
-    <List {...props} pagination={<Pagination />}>
-    </List>
+    <List {...props} pagination={<Pagination />} />
+        ...
+    </List
 );
 ```
 
@@ -1799,6 +1800,7 @@ You can use `ListBase` to create your own custom List component, like this one:
 
 ```jsx
 import * as React from 'react';
+import { cloneElement } from 'react';
 import { 
     Datagrid,
     ListBase,
@@ -1817,7 +1819,7 @@ const PostList = props => (
     </MyList>
 );
 
-const MyList = props => (
+const MyList = ({children, ...props}) => (
     <ListBase {...props}>
         <h1>{props.title}</h1>
         <ListToolbar