I want to employ useQuery in a parent component and then a child component but with the same query (different variables). This doesn’t seem to work. The inner useQuery seems hopelessly affected by the pagination state/variables of the parent useQuery. Is this expected? If I pass the fetchMore function into the child component and then use there, things work, but I don’t get the nice return values of useQuery. Any ideas? The use case is that I have a paginated list of things and then a button which downloads ALL the results (unpaginated). I want to do this in child component that is a modal dialog.
This doesn’t really have anything to do with nesting or parent/child components. This is probably caused by something in your pagination/cache setup. I can’t promise that I can solve your issue, but could you post a bit more information about your setup?