diff --git a/packages/ra-core/src/controller/field/ReferenceArrayFieldController.spec.tsx b/packages/ra-core/src/controller/field/ReferenceArrayFieldController.spec.tsx
index 5c11f5cffc9..5de569df050 100644
--- a/packages/ra-core/src/controller/field/ReferenceArrayFieldController.spec.tsx
+++ b/packages/ra-core/src/controller/field/ReferenceArrayFieldController.spec.tsx
@@ -59,7 +59,7 @@ describe('<ReferenceArrayFieldController />', () => {
                             data: {
                                 2: {
                                     id: 2,
-                                    value: 'reference2',
+                                    title: 'hello',
                                 },
                             },
                         },
@@ -75,7 +75,7 @@ describe('<ReferenceArrayFieldController />', () => {
             data: {
                 2: {
                     id: 2,
-                    value: 'reference2',
+                    title: 'hello',
                 },
             },
             ids: [1, 2],
diff --git a/packages/ra-core/src/controller/field/ReferenceArrayFieldController.tsx b/packages/ra-core/src/controller/field/ReferenceArrayFieldController.tsx
index 8f6130b6c9f..14decb7a283 100644
--- a/packages/ra-core/src/controller/field/ReferenceArrayFieldController.tsx
+++ b/packages/ra-core/src/controller/field/ReferenceArrayFieldController.tsx
@@ -1,6 +1,7 @@
-import { FunctionComponent, ReactNode, useEffect, ReactElement } from 'react';
+import { FunctionComponent, ReactNode, ReactElement } from 'react';
 
-import useReferenceArray from './useReferenceArray'
+import useReferenceArray from './useReferenceArray';
+import { Identifier, RecordMap, Record, Sort } from '../..';
 
 interface ChildrenFuncParams {
     loadedOnce: boolean;
@@ -59,13 +60,19 @@ const ReferenceArrayFieldController: FunctionComponent<Props> = ({
     source,
     children,
 }) => {
-    return children(useReferenceArray({
-        resource,
-        reference,
-        basePath,
-        record,
-        source,
-    })) as ReactElement<any>;
+    return children({
+        currentSort: {
+            field: 'id',
+            order: 'ASC',
+        },
+        ...useReferenceArray({
+            resource,
+            reference,
+            basePath,
+            record,
+            source,
+        }),
+    }) as ReactElement<any>;
 };
 
-export default ReferenceArrayFieldController;
\ No newline at end of file
+export default ReferenceArrayFieldController;
diff --git a/packages/ra-core/src/controller/field/useReferenceArray.ts b/packages/ra-core/src/controller/field/useReferenceArray.ts
index 9f369c3f319..4065939b78e 100644
--- a/packages/ra-core/src/controller/field/useReferenceArray.ts
+++ b/packages/ra-core/src/controller/field/useReferenceArray.ts
@@ -12,7 +12,6 @@ interface ReferenceArrayProps {
     ids: Identifier[];
     data: RecordMap;
     referenceBasePath: string;
-    currentSort: Sort;
 }
 
 interface Option {
@@ -24,36 +23,38 @@ interface Option {
 }
 
 /**
- * A container component that fetches records from another resource specified
+ * @typedef ReferenceArrayProps
+ * @type {Object}
+ * @property {boolean} loadedOnce: boolean indicating if the reference has already beeen loaded
+ * @property {Array} ids: the list of ids.
+ * @property {Object} data: Object holding the reference data by their ids
+ * @property {string} referenceBasePath basePath of the reference
+ */
+
+/**
+ * Hook that fetches records from another resource specified
  * by an array of *ids* in current record.
  *
- * You must define the fields to be passed to the iterator component as children.
+ * @example
  *
- * @example Display all the products of the current order as datagrid
- * // order = {
- * //   id: 123,
- * //   product_ids: [456, 457, 458],
- * // }
- * <ReferenceArrayField label="Products" reference="products" source="product_ids">
- *     <Datagrid>
- *         <TextField source="id" />
- *         <TextField source="description" />
- *         <NumberField source="price" options={{ style: 'currency', currency: 'USD' }} />
- *         <EditButton />
- *     </Datagrid>
- * </ReferenceArrayField>
+ * const { loadedOnce, data, ids, referenceBasePath, currentSort } = useReferenceArray({
+ *      basePath: 'resource';
+ *      record: { referenceIds: ['id1', 'id2']};
+ *      reference: 'reference';
+ *      resource: 'resource';
+ *      source: 'referenceIds';
+ * });
  *
- * @example Display all the categories of the current product as a list of chips
- * // product = {
- * //   id: 456,
- * //   category_ids: [11, 22, 33],
- * // }
- * <ReferenceArrayField label="Categories" reference="categories" source="category_ids">
- *     <SingleFieldList>
- *         <ChipField source="name" />
- *     </SingleFieldList>
- * </ReferenceArrayField>
+ * @param {Object} option
+ * @param {boolean} option.allowEmpty do we allow for no referenced record (default to false)
+ * @param {string} option.basePath basepath to current resource
+ * @param {string | false} option.linkType The type of the link toward the referenced record. edit, show of false for no link (default to edit)
+ * @param {Object} option.record The The current resource record
+ * @param {string} option.reference The linked resource name
+ * @param {string} option.resource The current resource name
+ * @param {string} option.source The key of the linked resource identifier
  *
+ * @returns {ReferenceProps} The reference props
  */
 const useReferenceArray = ({
     resource,
@@ -79,10 +80,6 @@ const useReferenceArray = ({
         ids,
         data,
         referenceBasePath,
-        currentSort: {
-            field: 'id',
-            order: 'ASC',
-        },
     };
 };