chore: add storeKey to arrayfield to handle resources with same ids

Author: Aijeyomah

packages/ra-core/src/controller/list/useList.ts

@@ -4,7 +4,7 @@ import isEqual from 'lodash/isEqual';
 
 import { removeEmpty } from '../../util';
 import { FilterPayload, RaRecord, SortPayload } from '../../types';
-import { useResourceContext } from '../../core';
+import { ResourceContextValue, useResourceContext } from '../../core';
 import usePaginationState from '../usePaginationState';
 import useSortState from '../useSortState';
 import { useRecordSelection } from './useRecordSelection';
@@ -67,8 +67,8 @@ export const useList = <RecordType extends RaRecord = any, ErrorType = Error>(
         sort: initialSort,
         filterCallback = (record: RecordType) => Boolean(record),
     } = props;
-    const resource = useResourceContext(props);
-
+    const resourceFromContext = useResourceContext(props);
+    const resource = props.storeKey ?? resourceFromContext;
     const [fetchingState, setFetchingState] = useState<boolean>(isFetching) as [
         boolean,
         (isFetching: boolean) => void,
@@ -295,7 +295,7 @@ export const useList = <RecordType extends RaRecord = any, ErrorType = Error>(
         onUnselectItems: selectionModifiers.clearSelection,
         page,
         perPage,
-        resource: '',
+        resource: resource,
         refetch,
         selectedIds,
         setFilters,
@@ -321,6 +321,7 @@ export interface UseListOptions<
     perPage?: number;
     sort?: SortPayload;
     resource?: string;
+    storeKey?: string;
     filterCallback?: (record: RecordType) => boolean;
 }
 

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

@@ -79,9 +79,16 @@ const ArrayFieldImpl = <
 >(
     props: ArrayFieldProps<RecordType>
 ) => {
-    const { children, resource, perPage, sort, filter } = props;
+    const { children, resource, perPage, sort, filter, storeKey } = props;
     const data = useFieldValue(props) || emptyArray;
-    const listContext = useList({ data, resource, perPage, sort, filter });
+    const listContext = useList({
+        data,
+        resource,
+        perPage,
+        sort,
+        filter,
+        storeKey,
+    });
     return (
         <ListContextProvider value={listContext}>
             {children}
@@ -99,6 +106,7 @@ export interface ArrayFieldProps<
     perPage?: number;
     sort?: SortPayload;
     filter?: FilterPayload;
+    storeKey?: string;
 }
 
 const emptyArray = [];