useInfiniteQuery Modify Custom Props Not Work Correctly

[dim0147]

Describe the bug

• Not sure it's a bug or I missing knowledge but when using useInfiniteQuery at second parameters
  
  here is fetchMovies when I assign new properties from custom prop like this
  
  the fetch won't fetch correctly, it keep fetching the initialize result. to fix this have to clone the object
  

[dim0147]

Note: the querySearch is the prop of component, I pass this prop into useInfiniteQuery

[TkDodo]

sorry, I have no idea what you are trying to achieve. converting this to a discussion so that we can discuss it.

pageParam is "calculated" in the getNextPageParam function - have you implemented that? The result of that function is passed as pageParam to the queryFn ....

[dim0147]

I have implement getNextPageParam

and I think it not related to this problem, here you can see I receive querySearch props from the parent component and pass it into useInfiniteQuery as query-key (second index of item array), in fetchMovies I receive the querySearch object as queryKey[1], I want to add one more custom property into queryKey[1] object like the image above and the fetch not working correctly (always fetch the first page) so I using spread operator to speard the queryKey[1] into a new variable and add new property into that new variable the fetch working correctly.

[TkDodo]

I want to add one more custom property into queryKey[1] object

Very hard for me to understand that. It seems like you are attempting this as a solution to a problem, but I don't know what problem you are trying to solve, so it's hard to help. Also, more screenshots are not helping. Can you provide a description of the problem you are having, possibly with a minimal running codesandbox example that shows the issue?

[dim0147]

• I make a problem, you can check
  https://codesandbox.io/s/pensive-mountain-mj9p3?file=/src/App.js

• The two cases :
  

• Note the red one, uncomment the first one and it fetch fine, the second is not working

[TkDodo]

What I’m seeing is that in line 17, you mutate objQuery:

objQuery["_start"] = start;

If objQuery is a reference to queryKey[1], it will also mutate the queryKey. Stick to immutable programming :)