Stale query in infinite loop, only after unrelated mutation..? (React Native)

[getnashty]

I'm sure I'm doing something wrong, but the behavior I'm seeing is just so bizarre, its difficult to explain..

These are my exchanges:

        dedupExchange,
        devtoolsExchange,
        opNameExchange,
        cacheExchange({
            keys: {
                Matches: () => null,
            },
        }),
        auth(navigation),
        mapExchange({
            onError: (error) => {
                if (error.message.includes('Network') || error.networkError) {
                    navigation.dispatch(CommonActions.reset({ index: 0, routes: [{ name: 'Offline' }] }));
                }
            },
        }),
        fetchExchange,

Everything across the app was working great... then I created a useTrack mutation, for analytics purposes:

export function useTrack(
    options?: TrackOptions,
): (event: TrackingEvent, object: TrackingObject, properties: { [key: string]: unknown }) => void {
    const [_, trackMutation] = useMutation<TrackMutation, TrackMutationVariables>(gql`
        mutation Track($event: String!, $properties: GenericScalar!) {
            trackMobileActivity(event: $event, properties: $properties) {
                success
            }
        }
    `);
    return useCallback(
        (event: TrackingEvent, object: TrackingObject, properties: { [key: string]: unknown }) => {
            if (!options?.offlineMode) {
                void trackMutation({
                    event: `${event} | ${object}`,
                    properties: {
                        environment: __DEV__ ? 'development' : 'production',
                        platform: 'mobile',
                        ...properties,
                    },
                }).catch((err) => {
                    console.log(err);
                });
            }
        },
        [trackMutation, options?.offlineMode],
    );
}

This also works... but it has started to break something else. In this example, I'm calling the track function before navigating to a different page

    const onNavigateSearch = useCallback(() => {
        navigation.navigate('ListView');
        track('View', 'ItemList', {});
    }, []);

now, on this ListView page, I have query in a useEffect like so:

    useEffect(() => {
        if (myQuery.state.fetching) {
            setLoading(true);
        } else if (myQuery.state.error) {
            setLoading(false);
        } else if (myQuery.state.data && !myQuery.state.stale) {
            setLoading(false);
           setData(myQuery.state.data);
        }
    }, [myQuery]);

This useEffect was working fine.. but if the track mutation is called first, this useEffect gets stuck in an infinite loop, where myQuery.state.stale will alternate between true and false.. resetting the data in my local state repeatedly...

The track mutation and this query are completely unrelated in the cache.. so I am really just at a loss.. if I disable the track mutation, everything works normally with no infinite loops.

Is anything obviously wrong here?

Thanks!

[getnashty]

Just to follow up here... its seems as though any mutation at all that happens before this query, will cause this issue

[getnashty]

This had to do with queries that were effectively the same, but didn't have IDs.. I'm not sure why a random mutation exposed it.. but that was the culprit