Large datasets cause slowdown in useQuery

[toppsdown]

Hey there,

I'm trying to build an app that works entirely offline and stores the user's entire history. We've recently added a data import so a user can import from other systems, but for larger datasets it's causing significant lag.

Specifically, each call to useQuery takes 500MS - 1000MS to execute, even if the data is already present in the cache, and even if we're not using the "data" property at all (ie, const { dataUpdatedAt } = useQuery).

If I read the data directly from the cache using queryClient.getQueryData, I don't see the same lag, but obviously, I then lose the observer aspect of useQuery that causes re-renders on data change.

Any idea why useQuery is being so slow and how I might be able to work around it?

[TkDodo]

I would need to see some sort of reproduction so that I can profile it please.