[SOLVED] Typescript issues with infinitequery and initial data

import type { UseInfiniteQueryOptions, QueryKey } from '@tanstack/react-query';
import { useInfiniteQuery } from '@tanstack/react-query';
import {merge} from "lodash"

type Data = {id: string}

const createQpts = (queryOptions: Omit<UseInfiniteQueryOptions<Data[]>, 'queryKey' | 'getNextPageParam' | 'initialPageParam'> = {}) => {
  return merge({
    queryKey: ['queryKey'],
    queryFn:() => [] as Data[],
    initialPageParam: 1,
    getNextPageParam: () => null,
    initialData: {
      pages: [],
      pageParams: []
    }
  } as UseInfiniteQueryOptions<Data[]>, queryOptions )
}

const {data} = useInfiniteQuery(createQpts())

// const finalData = data.pages <---- Error
const finalData = data

import type { UseInfiniteQueryOptions, QueryKey } from '@tanstack/react-query';
import { useInfiniteQuery } from '@tanstack/react-query';
import {merge} from "lodash"

type Data = {id: string}

const createQpts = (queryOptions: Omit<UseInfiniteQueryOptions<Data[]>, 'queryKey' | 'getNextPageParam' | 'initialPageParam'> = {}) => {
  return merge({
    queryKey: ['queryKey'],
    queryFn:() => [] as Data[],
    initialPageParam: 1,
    getNextPageParam: () => null,
    initialData: {
      pages: [],
      pageParams: []
    }
  } as UseInfiniteQueryOptions<Data[]>, queryOptions )
}

const {data} = useInfiniteQuery(createQpts())

// const finalData = data.pages <---- Error
const finalData = data