This is not an answer but more of a question. I have a strange case here:
const useTodos = () => useQuery('todos', fetchFunction)
//this hook basically takes the API data and do some other business with local data
const useApiAndLocalTodos () => useTodos()
Then in my components
HomeComponent:
const { data } = useApiAndLocalTodos()
TodosComponent:
const { data } = useApiAndLocalTodos()
Now I see two different network calls even if it's the same query. Any idea why?