FirebaseError: Type does not match the expected instance... different Firestore SDK?

[blastshielddown]

I'm working on an app in Nextjs 12 and everything appears to be working fine but I keep getting this error at build time about a different Firestore SDK:

error - unhandledRejection: [FirebaseError: Type does not match the expected instance. Did you pass a reference from a different Firestore SDK?] {
  code: 'invalid-argument',
  customData: undefined,
  toString: [Function (anonymous)]
}

Everythig compiles and the site works fine aside from this error but I'd like to understand the problem if possible. Sorry I don't have much more to share, the error doesn't indicate much.

Here's more on my env:

    "@react-query-firebase/firestore": "^1.0.0-dev.7",
    "firebase": "^9.9.3",
    "next": "12.2.5",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-query": "3.*"

Edit: Should add that I am working in JS not TS.

[dorianbucknor]

I have the same issue. #83
#83 (comment)

[qaws5503]

Same here, did someone solve this problem?

[tombouquet]

Getting the same issue as well.

[Eliav2]

relevant: https://stackoverflow.com/a/69242591/10577976
i guess no one is going to update this lib to support project who using the modular firebase sdk.

[AdityaRanjanSingh]

I ran into the same issue and realized that I was importing collection and docs from firebase lite instead of firebase.
Hopefully it will fix other people who come looking for answers