useServerFn

Hi, is

useServerFn

useServerFn

a hard requirement when using server function in react-query?

docs put it like this:

const getTime = useServerFn(getServerTime)

const timeQuery = useQuery({
  queryKey: 'time',
  queryFn: () => getTime(),
})

const getTime = useServerFn(getServerTime)

const timeQuery = useQuery({
  queryKey: 'time',
  queryFn: () => getTime(),
})

how would you do it if you use the queryOptions pattern like this?

const TIME_QUERIES = {
  all: ['time'],
  getTime: () => queryOptions({
    queryKey: [...TIME_QUERIES.all, 'getTime'],
    queryFn: getServerTime,
  })
}

const TIME_QUERIES = {
  all: ['time'],
  getTime: () => queryOptions({
    queryKey: [...TIME_QUERIES.all, 'getTime'],
    queryFn: getServerTime,
  })
}

what's the difference?

TanStack•8mo ago•

2 replies

inner-olive

useServerFn

Hi, is

useServerFn

useServerFn

a hard requirement when using server function in react-query?

docs put it like this:

const getTime = useServerFn(getServerTime)

const timeQuery = useQuery({
  queryKey: 'time',
  queryFn: () => getTime(),
})

const getTime = useServerFn(getServerTime)

const timeQuery = useQuery({
  queryKey: 'time',
  queryFn: () => getTime(),
})

how would you do it if you use the queryOptions pattern like this?

const TIME_QUERIES = {
  all: ['time'],
  getTime: () => queryOptions({
    queryKey: [...TIME_QUERIES.all, 'getTime'],
    queryFn: getServerTime,
  })
}

const TIME_QUERIES = {
  all: ['time'],
  getTime: () => queryOptions({
    queryKey: [...TIME_QUERIES.all, 'getTime'],
    queryFn: getServerTime,
  })
}

what's the difference?

useServerFn

Similar Threads

useServerFn

Similar Threads

Similar Threads

Similar Threads