Merge pull request #9132 from marmelab/fix-ts-error-stories-FC

[TypeScript] Fix TS errors with `<ArrayField>` and `<ChipField>` in stories

Author: fzaninotto

packages/ra-ui-materialui/src/field/ArrayField.tsx

@@ -100,7 +100,7 @@ export const ArrayField = genericMemo(ArrayFieldImpl);
 export interface ArrayFieldProps<
     RecordType extends Record<string, unknown> = Record<string, any>
 > extends FieldProps<RecordType> {
-    children: ReactNode;
+    children?: ReactNode;
     perPage?: number;
     sort?: SortPayload;
     filter?: FilterPayload;

packages/ra-ui-materialui/src/field/ChipField.tsx

@@ -54,7 +54,12 @@ export const ChipField = genericMemo(ChipFieldImpl);
 export interface ChipFieldProps<
     RecordType extends Record<string, unknown> = Record<string, any>
 > extends FieldProps<RecordType>,
-        Omit<ChipProps, 'label'> {}
+        Omit<ChipProps, 'label' | 'children'> {
+    /**
+     * @internal do not use (prop required for TS to be able to cast ChipField as FunctionComponent)
+     */
+    children?: React.ReactNode;
+}
 
 const PREFIX = 'RaChipField';