add itemType to infinite loader query to prevent duplicate key

This commit is contained in:
jeffvli
2025-10-13 00:51:35 -07:00
parent fcdd543616
commit d8877befeb
@@ -12,10 +12,12 @@ import { useListContext } from '/@/renderer/context/list-context';
import { eventEmitter } from '/@/renderer/events/event-emitter'; import { eventEmitter } from '/@/renderer/events/event-emitter';
import { UserFavoriteEventPayload, UserRatingEventPayload } from '/@/renderer/events/events'; import { UserFavoriteEventPayload, UserRatingEventPayload } from '/@/renderer/events/events';
import { getServerById } from '/@/renderer/store'; import { getServerById } from '/@/renderer/store';
import { LibraryItem } from '/@/shared/types/domain-types';
interface UseItemListInfiniteLoaderProps { interface UseItemListInfiniteLoaderProps {
eventKey: string; eventKey: string;
itemsPerPage: number; itemsPerPage: number;
itemType: LibraryItem;
listCountQuery: UseSuspenseQueryOptions<number, Error, number, readonly unknown[]>; listCountQuery: UseSuspenseQueryOptions<number, Error, number, readonly unknown[]>;
listQueryFn: (args: { apiClientProps: any; query: any }) => Promise<{ items: unknown[] }>; listQueryFn: (args: { apiClientProps: any; query: any }) => Promise<{ items: unknown[] }>;
query: Record<string, any>; query: Record<string, any>;
@@ -29,6 +31,7 @@ function getInitialData(itemCount: number) {
export const useItemListInfiniteLoader = ({ export const useItemListInfiniteLoader = ({
eventKey, eventKey,
itemsPerPage = 100, itemsPerPage = 100,
itemType,
listCountQuery, listCountQuery,
listQueryFn, listQueryFn,
query = {}, query = {},
@@ -64,8 +67,8 @@ export const useItemListInfiniteLoader = ({
}, [query]); }, [query]);
const dataQueryKey = useMemo( const dataQueryKey = useMemo(
() => [serverId, 'item-list-infinite-loader', query], () => [serverId, 'item-list-infinite-loader', itemType, query],
[serverId, query], [serverId, itemType, query],
); );
const { data } = useQuery<unknown[]>({ const { data } = useQuery<unknown[]>({