Is there any way to setQueryData() while deleting elements from the existing array stored in the store?

[sonjaerock]

Describe the bug

Removed todo rendered via setQueryData() in onMutate() after calling delete api in sample todolist. It remains deleted in the store, but it is still displayed.
Is there any way to setQueryData() while deleting elements from the existing array stored in the store?

Your minimal, reproducible example

https://codesandbox.io/s/long-tdd-iur84y?file=/src/Components/TodoList.tsx

Steps to reproduce

1. useQuery(Array)
2. setQueryData(removedArray)
3. no-rerender

Expected behavior

rerender

How often does this bug happen?

No response

Screenshots or Videos

No response

Platform

OS: windows
Browser: chrome

react-query version

v3.39.2

TypeScript version

v4.8.4

Additional context

test

[TkDodo]

I don't understand the question and the reproduction is far from minimal. Can you elaborate please?

[Zerebokep]

This is most likely because you didn't update the data immutably.