using with infinitqueries gives a error

[ShehanChamudith]

Hello, i was trying to you this nice framework with Infinite Queries, and i was referring one of already answered question regarding it and it gives a error

export const fetchNotifications = async ({ pageParam }: QueryFunctionContext): Promise<NotificationResponse> => {
  const response = await apiClient.get<NotificationResponse>('/notifications', {
    params: { page: pageParam as number }, 
  });
  return response.data;
};

export const notification = createQueryKeys('notification', {
  infinite: {
    queryKey: ['notification'],
    queryFn: fetchNotifications,
  },
});

const { fetchNextPage, hasNextPage } = useInfiniteQuery({
    ...notification.infinite,
    initialPageParam: 0,
    getNextPageParam: (lastPage) =>
      lastPage.page >= lastPage.totalPages - 1 ? undefined : lastPage.page + 1,
  });

Error:

No overload matches this call.
Overload 3 of 3, '(options: UseInfiniteQueryOptions<NotificationResponse, Error, InfiniteData<NotificationResponse, unknown>, NotificationResponse, readonly [...], never>, queryClient?: QueryClient | undefined): UseInfiniteQueryResult<...>', gave the following error.
Type 'number' is not assignable to type 'never'.
Overload 3 of 3, '(options: UseInfiniteQueryOptions<NotificationResponse, Error, InfiniteData<NotificationResponse, unknown>, NotificationResponse, readonly [...], never>, queryClient?: QueryClient | undefined): UseInfiniteQueryResult<...>', gave the following error.
Type 'number | undefined' is not assignable to type 'null | undefined'.
Type 'number' is not assignable to type 'null | undefined'.ts(2769)
hydration-ClXcjjG9.d.ts(616, 5): The expected type comes from property 'initialPageParam' which is declared here on type 'UseInfiniteQueryOptions<NotificationResponse, Error, InfiniteData<NotificationResponse, unknown>, NotificationResponse, readonly [...], never>'
hydration-ClXcjjG9.d.ts(563, 69): The expected type comes from the return type of this signature.