How to mutate useInfiniteQuery?

[hirbod]

Hi,

I am using useInfiniteQuery to display a pretty big comments FlatList in react-native. Every page has 30 entries.
You can reply to the thread or to a comment.

What is the best way to mutate that list?
I already have my useMutation function ready, but I am not sure how to update my useInfiniteQuery correctly.

Calling queryClient.resetQueries(['comments', variables.videoId]); does work, but it re-renders the whole list and you'll lose your scroll position. If you add a usual comment, it will be added to the top of the list, but if you reply, the excerpt of that comment is in between.

What is the best way to update here?

[hirbod]

I managed to get it working thanks to this discussion:
#848

I used setQueryData with immer + invaidateQueries onSettled.