How get queryCache data correctly

[smaylninja]

I use useQuery to get email data by id

const { isLoading } = useQuery({
  key: ["emails", props.id],
  query: () => emailStore.getIncomingEmail(props.id),
  staleTime: 5 * 60 * 1000,
});

It works for uncached data: useQuery calls Pinia action and changes state. But when I trying to get cached data in onMounted to change Pinia state it returns undefined although queryCache.getEntries() returns cached data with the same key. Also I can find cached data in queryCache tree

const queryCache = useQueryCache();

onMounted(() => {
  const queryData = queryCache.getQueryData(["emails", props.id]);
  console.log(queryCache.getEntries());
  console.log(queryData);

  if (queryData) emailStore.setIncomingEmail(queryData as IncomingEmail);
});

Maybe I do something wrong or there are another ways to get cached data to change Pinia state correctly

[posva]

Since props is reactive, you need a getter:

const { isLoading } = useQuery({
  key: () => ["emails", props.id],
  query: () => emailStore.getIncomingEmail(props.id),
  staleTime: 5 * 60 * 1000,
});

Right now you are overriding the same entry every time

[smaylninja]

I set key as getter as you said, but result is the same. getEntries() returns array with different cached email ids. If I get by useQuery emails with keys ["emails", 1] and ["emails", 2], getEntries() returns array with these keys

[posva]

It could be a bug. Can you try creating a failing test case in the repository?

[smaylninja]

I'm sorry, I have found a bug, it's on my side :)