How to set `QueryObserverOptions`?

Question

How to set `QueryObserverOptions`?

cherewaty opened this issue a year ago · comments

I end up customizing refetchInterval per query pretty often with Tanstack Query's useQuery. On some pages, I want rapid 1-second polls of a specific unary call, and on others just once a minute or so.

Is there a mechanism for setting any of the QueryObserverOptions, like refetchInterval, with a useQuery generated from @bufbuild/connect-query?

This doesn't appear to work at the moment, but should the full array of Tanstack Query's useQuery options (https://tanstack.com/query/v4/docs/react/reference/useQuery) be available to UnaryHooks.useQuery.options?

const { data: things } = useQuery(getThings.useQuery({}, { refetchInterval: 1000 }));

Dimitri Mitropoulos · Answer 1 · Tue Apr 04 2023 23:03:41 GMT+0800 (China Standard Time)

hi @cherewaty: take a look at https://github.com/bufbuild/connect-query#how-do-i-pass-other-tanstack-query-options

I believe this does what you want, but if not, please let me know and we can reopen and dig deeper!

Jeffrey Cherewaty · Answer 2 · Tue May 09 2023 01:49:42 GMT+0800 (China Standard Time)

I applied the documented pattern, and it's working great. Thanks for the FAQ addition!

Dimitri Mitropoulos · Answer 3 · Tue May 09 2023 08:23:15 GMT+0800 (China Standard Time)

that's great! let us know how you like connect-query and if there's anything you'd like it to do better! the Buf Slack is a great place to informally drop us a line!