How can I never use the query cache on mount of a component?

[studiosciences]

Use Case:

• The edit form should always fetch the latest data on mount, before rendering the form – just in case it's been edited by another user or in a different tab.
• The edit form should not reset the form should the data be refetched (such on window focus or cache invalidation) as the user is in the middle of editing.
• Therefore, the data should be fetched once on mount only.

Problems:

• Unless I clear the cache before the page component mounts, useQuery will always load from the cache. Given all the paths to the form (like back button), it's not practical to reset this before the page component loads.
• Since the above is only a problem when the user has been on the edit page and returned with cached data, I attempted to reset or clear the cache on leaving the page. However, since the query is used on the page, it immediately refetches the data.

Research:

• staleTime and refetchOnLoad doesn't affect cache used in the first load.
• Afaik, setting gcTime could clear the cache on unmount, providing a similar affect. However, if another page uses the same query for viewing, it would populate the cache.

Ideas:

• Add an extra wrapping component that has a useEffect that fires once on mount to clear the cache. Add a state property to track that the cache has been cleared. I'm sure you can see why I don't want to do that.
• Add a random number to the query key on initial load, so each mount has a unique cache. This would work well, but seems wrong.
• Use a different query key for viewing and editing, and have a gcTime of 0 for the edit query key. Again, this would work, but is there a better way?

Am I missing something really obvious here?

[TkDodo]

Unless I clear the cache before the page component mounts, useQuery will always load from the cache

check for isFetchedAfterMount to avoid displaying stale data.

[studiosciences]

Thank-you! That was just the thing I was missing.

I went through all the things I could set, but not the state that is returned :(