how to use transform in useQuery?

[dimasxp]

how to transform response before cache ?

[LouisHaftmann]

There currently is no built-in way to transform the response before caching. Instead, you could just create a composable that transforms the data like this:

export function useUserNames(){
  const query = useTRPC().users.list.useQuery()
  return {
    ...query,
    data: computed(() => query.data.value?.map(user => user.name))
  }
}

There also is a select query option:

useTRPC().users.list.useQuery(undefined, {
  select: (users) => users.map(user => user.name)
})

[dimasxp]

Got it, thanks for the good examples and this wrapper. very handy and useful 👏