Merge pull request #11027 from marmelab/fix-Datagrid-ReactElement

[TypeScript] Fix inconsistency in `Datagrid` expand type

Author: djhi

packages/ra-core/src/form/useInput.stories.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { useForm, FormProvider, useFieldArray } from 'react-hook-form';
 import { CoreAdminContext } from '../core';
 import { Form } from './Form';
 import { InputProps, useInput } from './useInput';

packages/ra-ui-materialui/src/list/datagrid/DatagridBody.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { cloneElement, memo, FC, ReactElement } from 'react';
+import { cloneElement, memo, FC, ReactElement, ReactNode } from 'react';
 import { SxProps, TableBody, TableBodyProps } from '@mui/material';
 import clsx from 'clsx';
 import { Identifier, RaRecord, RecordContextProvider } from 'ra-core';
@@ -76,7 +76,7 @@ export interface DatagridBodyProps extends Omit<TableBodyProps, 'classes'> {
     className?: string;
     data?: any[];
     expand?:
-        | ReactElement
+        | ReactNode
         | FC<{
               id: Identifier;
               record: RaRecord;

packages/ra-ui-materialui/src/list/datagrid/DatagridRow.tsx

@@ -6,7 +6,7 @@ import React, {
     useCallback,
     memo,
     FC,
-    ReactElement,
+    ReactNode,
 } from 'react';
 import clsx from 'clsx';
 import { TableCell, TableRow, TableRowProps, Checkbox } from '@mui/material';
@@ -254,7 +254,7 @@ export interface DatagridRowProps
     extends Omit<TableRowProps, 'id' | 'classes'> {
     className?: string;
     expand?:
-        | ReactElement
+        | ReactNode
         | FC<{
               id: Identifier;
               record: RaRecord;