Error occurs when using useInfiniteQuery and useQuery with the same queryKey due to differences in cache structure

[mayone-du]

Steps to reproduce:

1. Execute a useQuery with a specific queryKey.
2. Execute a useInfiniteQuery with the same queryKey.
3. When running useInfiniteQuery, the following warning appears:
   Warning: TypeError: Cannot read property 'length' of undefined.

It seems that the cache structure differs between regular queries and infinite queries. As a result, if a regular query's cache remains and useInfiniteQuery is executed with the same queryKey, the error occurs when the cache is accessed internally due to the mismatch in data format.

As a workaround, I have resolved the issue by ensuring that both are implemented using useInfiniteQuery. However, is there a better solution or any plans to address this issue?

[TkDodo]

This is not supported. Every queryFn needs a distinct queryKey:

https://tkdodo.eu/blog/effective-react-query-keys#caching-data