인프런 커뮤니티 질문&답변

"resource": "/c:/Porject/ReactNative/lottoApp/front/src/features/map/hooks/queries/useGetInfinitePosts.ts",

"owner": "typescript",

"code": "2322",

"severity": 8,

"message": "Type 'unique symbol | QueryFunction<ResponsePost[], readonly unknown[], number>' is not assignable to type 'QueryFunction<ResponsePost[], readonly unknown[], number> | undefined'.\n Type 'typeof skipToken' is not assignable to type 'QueryFunction<ResponsePost[], readonly unknown[], number>'.",

"source": "ts",

"startLineNumber": 22,

"startColumn": 5,

"endLineNumber": 22,

"endColumn": 12,

"relatedInformation": [

{

"startLineNumber": 28,

"startColumn": 5,

"endLineNumber": 28,

"endColumn": 12,

"message": "The expected type comes from property 'queryFn' which is declared here on type 'UseSuspenseInfiniteQueryOptions<ResponsePost[], ResponseError, InfiniteData<ResponsePost[], number>, ResponsePost[], readonly unknown[], number>'",

"resource": "/c:/Porject/ReactNative/lottoApp/front/node_modules/@tanstack/react-query/build/modern/types.d.ts"

}

]

}] 라는 오류인데 queryfn이랑 skiptoken이랑 겹친다는 식으로 이야길하는것같은데 영상에서는 딱히 오류가없어서요..

import {queryKeys} from '@/app/config';
import {getFavoritePost, ResponsePost} from '@/shared/api';
import {ResponseError} from '@/shared/types/common';
import {
  InfiniteData,
  QueryKey,
  UseInfiniteQueryOptions,
  useSuspenseInfiniteQuery,
} from '@tanstack/react-query';

const useGetInfiniteFavoritePosts = (
  queryOptions?: UseInfiniteQueryOptions<
    ResponsePost[],
    ResponseError,
    InfiniteData<ResponsePost[], number>,
    ResponsePost[],
    QueryKey,
    number
  >,
) => {
  return useSuspenseInfiniteQuery({
    queryFn: ({pageParam}) => getFavoritePost(pageParam),
    queryKey: [queryKeys.POST, queryKeys.FAVORITE, queryKeys.GET_FAVORITE_POST],
    initialPageParam: 1,
    getNextPageParam: (lastPage, allPages) => {
      const lastPost = lastPage[lastPage.length - 1];
      return lastPost ? allPages.length + 1 : undefined;
    },
    // select: data => data.pages,
    ...queryOptions,
  });
};

export default useGetInfiniteFavoritePosts;