setContext Is not a Function while using googleRecaptchaKey for global scope in graphcommerce.config.js

[SumVur]

Describe the Bug

Using googleRecaptchaKey for global scope in graphcommerce.config.js leads to using plugin: GrecaptchaGraphQLProvider, which causes the issue _.setContext is not a function.

The root of issue contains in recaptchaLink at 10 line

recaptchaLink using in GrecaptchaGraphQLProvider at line 40

A few possibles way to fix this:

1. Add GoogleRecaptchaProvider after GraphQLProvider in _app.tsx
2. Move googleRecaptchaKey to storefront scope to disable GrecaptchaGraphQLProvider plugin and follow 1 step (to enable a GoogleRecaptcha)
   
3. Add props link which has value [recaptchaLink] to GraphQLProvider But it's lead an issue => Uncaught (in promise) ApolloError

Additional info

recaptchaLink from '@graphcommerce/googlerecaptcha/link/recaptchaLink'

GraphQLProvider from '@graphcommerce/graphql'

"@graphcommerce/graphql": "6.1.0"

"@graphcommerce/googlerecaptcha": "6.1.0"

"@graphcommerce/graphql": "6.1.0"

GrecaptchaGraphQLProvider >(node_modules/@graphcommerce/googlerecaptcha/plugins/GrecaptchaGraphQLProvider.tsx)

Expected Behavior

Any plugins should not reproduce unexpected bugs

To Reproduce

Add googleRecaptchaKey for global scope in graphcommerce.config.js
Add GraphQLProvider to _app.tsx (remove GoogleRecaptchaProvider if exist)

[SumVur]

Linked issue (Uncaught (in promise) ApolloError)

[paales]

I believe this a version mismatch between different @apollo/client versions. Can you try adding resolutions to your package.json?

"resolutions": {
    "@apollo/client": "3.7.15",
}

Do you also encounter the problem on canary?

[SumVur]

"@apollo/client": "3.7.15" was installed

[SumVur]

I closed accidentally

[paales]

Can you try with the latest release, everything should be fixed.

[SumVur]

Sure
I'll test it

Just in case
We had to add recaptchaLink(because without it reCAPTCHA is not working)
and we little bit modified original recaptchaLink

and just added in _app.tsx

we used const recaptchaKey = useGoogleRecaptchaSiteKey() instead
of const recaptchaKey = import.meta.graphCommerce.googleRecaptchaKey because useGoogleRecaptchaSiteKey() also grabs key from store configs (not only from global config scope)

PS: Maybe it already exists in the latest updates. I did not check

[SumVur]

BTW
What was the issue
what was the root of the issue?

[paales]

I believe it was a version mismatch between apollo/client versions. Closing the issue as it is recently fixed.