how to get the data from useQuery in onSuccess callback?

[rookie-luochao]

const { refetch } = useQuery({
    queryKey: ['todos'],
    queryFn: fetchTodos,
    onSuccess: (res) => { console.log(res) },
    onError: (error) => {
      if (error.status === 400) {
        toast.error('Something went wrong');
      } else {
        toast.error('Something else went wrong');
      }
    }
  });

[TkDodo]

callbacks on useQuery are deprecated in v4 and have been removed in v5:

• RFC: remove callbacks from useQuery #5279

[rookie-luochao]

I think you can remove the onSuccess callback function, but you should provide a replacement hook, because onSuccess callback can provide good flexibility in some scenarios

[rookie-luochao]

callbacks on useQuery are deprecated in v4 and have been removed in v5:

• RFC: remove callbacks from useQuery #5279

I raised this question because I found out through searching that onSuccess calllback has been removed

[TkDodo]

have you read the article? There is a specific example for error toasts, why the callbacks are bad for those, and what to do instead ...

[rookie-luochao]

have you read the article? There is a specific example for error toasts, why the callbacks are bad for those, and what to do instead ...

ok, I'll read it carefully first to see if I can find what I think is an elegant solution, thanks for you

[rookie-luochao]

How can I elegantly cover scenarios that require onSuccess callback flexibility?

[TkDodo]

you'll need to be more specific with that question because there is no one-size-fits-all answer

[rookie-luochao]

you'll need to be more specific with that question because there is no one-size-fits-all answer

For example, I am facing a scenario where I don’t need to get the data of useQuery immediately by default. I need to meet certain conditions to manually trigger an event to start a rotation. Then I need to call useQuery through rotation to get the data, and then process the data. The only way I can think of is to use useEffect with deps[data], which feels very strange and is far less concise than onSuccess callback.

[TkDodo]

so, lazy queries?

https://tanstack.com/query/latest/docs/framework/react/guides/disabling-queries#lazy-queries