Fix: Improve code conventions for ReactNode

Author: jonathanarnault

packages/ra-core/src/controller/field/ReferenceArrayFieldBase.tsx

@@ -170,9 +170,7 @@ export interface ReferenceArrayFieldBaseProps<
     ReferenceRecordType extends RaRecord = RaRecord,
 > extends BaseFieldProps<RecordType> {
     children?: ReactNode;
-    render?: (
-        props: ListControllerResult<ReferenceRecordType>
-    ) => React.ReactNode;
+    render?: (props: ListControllerResult<ReferenceRecordType>) => ReactNode;
     error?: ReactNode;
     loading?: ReactNode;
     empty?: ReactNode;

packages/ra-core/src/test-ui/SimpleFormIterator.tsx

@@ -99,16 +99,16 @@ export type DisableRemoveFunction = (record: RaRecord) => boolean;
 export const SimpleFormIteratorItem = React.forwardRef<
     any,
     Partial<ArrayInputContextValue> & {
-        children?: React.ReactNode;
+        children?: ReactNode;
         disabled?: boolean;
         disableRemove?: boolean | DisableRemoveFunction;
         disableReordering?: boolean;
         getItemLabel?: boolean | GetItemLabelFunc;
         index: number;
         inline?: boolean;
         record: RaRecord;
-        removeButton?: React.ReactNode;
-        reOrderButtons?: React.ReactNode;
+        removeButton?: ReactNode;
+        reOrderButtons?: ReactNode;
         resource?: string;
         source?: string;
     }
@@ -295,10 +295,10 @@ export const SimpleFormIterator = (props: SimpleFormIteratorProps) => {
     ) : null;
 };
 
-type GetItemLabelFunc = (index: number) => React.ReactNode;
+type GetItemLabelFunc = (index: number) => ReactNode;
 
 export interface SimpleFormIteratorProps extends Partial<UseFieldArrayReturn> {
-    addButton?: React.ReactNode;
+    addButton?: ReactNode;
     children?: ReactNode;
     className?: string;
     readOnly?: boolean;
@@ -316,8 +316,8 @@ export interface SimpleFormIteratorProps extends Partial<UseFieldArrayReturn> {
         submitFailed?: boolean;
     };
     record?: RaRecord;
-    removeButton?: React.ReactNode;
-    reOrderButtons?: React.ReactNode;
+    removeButton?: ReactNode;
+    reOrderButtons?: ReactNode;
     resource?: string;
     source?: string;
 }

packages/ra-ui-materialui/src/form/TabbedFormView.tsx

@@ -22,7 +22,7 @@ import { useResourceContext, useSplatPathBase } from 'ra-core';
 import { Toolbar } from './Toolbar';
 import { TabbedFormTabs, getTabbedFormTabFullPath } from './TabbedFormTabs';
 
-export const TabbedFormView = (inProps: TabbedFormViewProps): ReactElement => {
+export const TabbedFormView = (inProps: TabbedFormViewProps) => {
     const props = useThemeProps({
         props: inProps,
         name: PREFIX,

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

@@ -196,7 +196,7 @@ export interface ListViewProps<RecordType extends RaRecord = any> {
      *     </List>
      * );
      */
-    aside?: React.ReactNode;
+    aside?: ReactNode;
 
     /**
      * A class name to apply to the root div element
@@ -318,7 +318,7 @@ export interface ListViewProps<RecordType extends RaRecord = any> {
      *     </List>
      * );
      */
-    empty?: React.ReactNode;
+    empty?: ReactNode;
 
     /**
      * Set to true to return null while the list is loading.
@@ -404,7 +404,7 @@ export interface ListViewProps<RecordType extends RaRecord = any> {
      *     </List>
      * );
      */
-    title?: React.ReactNode;
+    title?: ReactNode;
 
     /**
      * The CSS styles to apply to the component.