Firebase Error logging in console when fetching data although data is fetched correctly.

[emmanuelosayame]

This happens in nextJs...

[Fifaldi]

I have the same thing! Sometimes I cant even run my project... Did you solve the issue?

[Ehesp]

Could you show some code? What causes this to trigger etc?

[Fifaldi]

In my case the thing causing it is custom hook to query the Firestore. I am using react query to make calls to firestore api, so my code looks like this:

    icon: string;
    title: string;
    description: string;
};

export const useRestaurantCooperation = () => {
    const ref = query(
        collection(
            firebaseInstance.firebaseDatabase,
            QUERY.HOME.RESTAURANT_COOPERATION,
        ).withConverter<IRestaurantCooperationFactor>(
            new Converter<IRestaurantCooperationFactor>(),
        ),
    );
    return useFirestoreQuery([QUERY.HOME.RESTAURANT_COOPERATION], ref);
};

After I created this hook and used it I get this error when starting project (yarn dev):

Now I cant start the project even if I switch to another branch without my changes. Funny thing is that my cooworkers get the same error but despite that the project starts normally

[emmanuelosayame]

It happens in all queries. I used the same ref on two other hooks and also on the getDocs function, it worked just fine

It seems like it’s doesn’t affect anything, it just displays the warning

[richiboi]

Running into the same issue. Doesn't seem to affect anything though

[raphrstuff]

Running into the same issue. Cant run a build due to this breaking the build process in nextjs.

[emmanuelosayame]

I had to switch to swr-firestore, althought I ended up not using both. firestore caching was enough afterall, just use the realtime functionality