diff --git a/src/webapp/features/feeds/lib/feedKeys.ts b/src/webapp/features/feeds/lib/feedKeys.ts new file mode 100644 index 00000000..84199d09 --- /dev/null +++ b/src/webapp/features/feeds/lib/feedKeys.ts @@ -0,0 +1,4 @@ +export const feedKeys = { + all: () => ['feeds'] as const, + infinite: () => [...feedKeys.all(), 'infinite'], +}; diff --git a/src/webapp/features/feeds/lib/queries/useGlobalFeed.tsx b/src/webapp/features/feeds/lib/queries/useGlobalFeed.tsx index 4ed2e6e5..cf360f4f 100644 --- a/src/webapp/features/feeds/lib/queries/useGlobalFeed.tsx +++ b/src/webapp/features/feeds/lib/queries/useGlobalFeed.tsx @@ -1,5 +1,6 @@ import { useSuspenseInfiniteQuery } from '@tanstack/react-query'; import { getGlobalFeed } from '../dal'; +import { feedKeys } from '../feedKeys'; interface Props { limit?: number; @@ -9,7 +10,7 @@ export default function useGlobalFeed(props?: Props) { const limit = props?.limit ?? 15; const query = useSuspenseInfiniteQuery({ - queryKey: ['my feed', limit], + queryKey: [feedKeys.infinite()], initialPageParam: 1, queryFn: ({ pageParam = 1 }) => { return getGlobalFeed({ limit, page: pageParam });