useServerFn

[pure mirage]

Hi, is 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(),
})

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,
  })
}

what's the difference?

[viral tree]

is useServerFn a hard requirement

no, see https://tanstack.com/start/latest/docs/framework/react/server-functions#calling-server-functions-from-hooks-and-components

useServerFn simply handles redirects and notFounds thrown by the server fn. if you're not using that hook you can just catch/handle them manually