Merge pull request #10954 from marmelab/doc-fix-selectAllButton

[Doc] Fix `<BulkActionsToolbar selectAllButton>` only accepts an element

Author: djhi

docs/Buttons.md

@@ -1405,7 +1405,7 @@ export const PostList = () => (
     <List>
         <DataTable
             bulkActionsToolbar={
-                <BulkActionsToolbar selectAllButton={PostSelectAllButton}>
+                <BulkActionsToolbar selectAllButton={<PostSelectAllButton />}>
                     <BulkDeleteButton />
                 </BulkActionsToolbar>
             }

packages/ra-ui-materialui/src/button/SelectAllButton.tsx

@@ -41,7 +41,7 @@ import { Button, type ButtonProps } from './Button';
  *     <List>
  *         <Datagrid
  *             bulkActionsToolbar={
- *                 <BulkActionsToolbar selectAllButton={PostSelectAllButton}>
+ *                 <BulkActionsToolbar selectAllButton={<PostSelectAllButton />}>
  *                     <BulkDeleteButton />
  *                 </BulkActionsToolbar>
  *             }

packages/ra-ui-materialui/src/list/BulkActionsToolbar.tsx

@@ -1,10 +1,5 @@
 import * as React from 'react';
-import {
-    isValidElement,
-    type ReactElement,
-    type ReactNode,
-    useCallback,
-} from 'react';
+import { isValidElement, type ReactNode, useCallback } from 'react';
 import {
     type ComponentsOverrides,
     styled,
@@ -95,7 +90,7 @@ export interface BulkActionsToolbarProps {
     children?: ReactNode;
     label?: string;
     className?: string;
-    selectAllButton?: ReactElement | false;
+    selectAllButton?: ReactNode;
 }
 
 const PREFIX = 'RaBulkActionsToolbar';