Merge pull request #9220 from marmelab/doc-list-actions-error

[Doc] Fix `<List actions>` example throws an error

Author: slax57

docs/List.md

@@ -110,8 +110,13 @@ const ListActions = () => (
     </TopToolbar>
 );
 
+const postFilters = [
+    <TextInput label="Search" source="q" alwaysOn />,
+    <TextInput label="Title" source="title" defaultValue="Hello, World!" />,
+];
+
 export const PostList = () => (
-    <List actions={<ListActions/>}>
+    <List actions={<ListActions/>} filters={postFilters}>
         <DatagridConfigurable>
             ...
         </DatagridConfigurable>

packages/ra-ui-materialui/src/list/filter/FilterButton.tsx

@@ -57,7 +57,9 @@ export const FilterButton = (props: FilterButtonProps): JSX.Element => {
     const anchorEl = useRef();
 
     if (filters === undefined) {
-        throw new Error('FilterButton requires filters prop to be set');
+        throw new Error(
+            'The <FilterButton> component requires the <List filters> prop to be set'
+        );
     }
 
     const hiddenFilters = filters.filter(