Help with vue query together vue table

function fetchTickets(page?: number, filter_title?: string, sort?: "title" | "created_at" | "updated_at" | "status" | "-title" | "-created_at" | "-updated_at" | "-status") {
  return axios.get(route('user.tickets.all', {
    "sort": sort, "filter[title]": filter_title, "page": page
  }))
}


function ticketQuery(page?: number, filter_title?: string, sort?: "title" | "created_at" | "updated_at" | "status" | "-title" | "-created_at" | "-updated_at" | "-status") {
  return useQuery({
    queryKey: ['tickets', page, filter_title, sort],
    queryFn: async () => {
      const d = await fetchTickets(page, filter_title, sort)
      console.log(d.data)
      return d.data
    },
    refetchOnMount: false
  })
}


const table = useVueTable({
      get data() {
        return ticketQuery(1).data?.data ?? []
      },
      columns: columns,
      getCoreRowModel: getCoreRowModel(),
    }
)

function fetchTickets(page?: number, filter_title?: string, sort?: "title" | "created_at" | "updated_at" | "status" | "-title" | "-created_at" | "-updated_at" | "-status") {
  return axios.get(route('user.tickets.all', {
    "sort": sort, "filter[title]": filter_title, "page": page
  }))
}


function ticketQuery(page?: number, filter_title?: string, sort?: "title" | "created_at" | "updated_at" | "status" | "-title" | "-created_at" | "-updated_at" | "-status") {
  return useQuery({
    queryKey: ['tickets', page, filter_title, sort],
    queryFn: async () => {
      const d = await fetchTickets(page, filter_title, sort)
      console.log(d.data)
      return d.data
    },
    refetchOnMount: false
  })
}


const table = useVueTable({
      get data() {
        return ticketQuery(1).data?.data ?? []
      },
      columns: columns,
      getCoreRowModel: getCoreRowModel(),
    }
)

 <DataTable :table="table"/>

 <DataTable :table="table"/>

vue-query composable like "useQuery()" should only be used inside a "setup()" function or a running effect scope. They might otherwise lead to memory leaks.

[Vue warn] onScopeDispose() is called when there is no active effect scope to be associated with.

vue-query composable like "useQuery()" should only be used inside a "setup()" function or a running effect scope. They might otherwise lead to memory leaks.

[Vue warn] onScopeDispose() is called when there is no active effect scope to be associated with.