Recommended pattern for fetching only if data is not cached?

[mjhuff]

Hello,

What is the recommended pattern for first checking if cached data exists for a query key, and if not, then performing the query fetch?

Bulletproof React offers this pattern, but reading the docs, it seems that passing query options with refetchOnMount: false and staleTime: Infinity might accomplish the same thing?

I suppose one could do some sort of () => queryClient.getQueryData(['key']) coupled with an enabled: !queryClient.getQueryData(['key']) condition, too.

Is there really no better solution than one of the methods above? It feels like this problem is common, and I'm overlooking a simpler method.

Thank you!

[TkDodo]

Just setting staleTime: Infinity is enough.