Best way to execute side-effects based on query's result?

[shinobu-uwu]

Hello, I hope everyone is doing fine!

I have a page in my app that has a query running endlessly checking for the approval status on an item, once the item is approved or rejected I have to navigate to another page, and if it's rejected I must remove it from the zustand store. So basically what I'm asking is what is considered to be the best way to execute a function after a query has run?

[TkDodo]

I have to navigate to another page

navigation can be done declaratively in most routing libraries:

const { data } = useQuery(...)

if (shouldRedirect(data) {
  return <Navigate to=“...” />
}

I must remove it from the zustand store

Not sure why the item is in the zustand store, but you can do that either from within the queryFn or in an effect.

[shinobu-uwu]

Thank you! I am using an effect for it, just wanted to hear other people's opinion on how to do this