#bongaplay

1 messages · Page 1 of 1 (latest)

delicate knotBOT
wise rune
#

What part of the code is the above error being thrown on

vagrant orchid
#

<EmbeddedCheckoutProvider
stripe={stripePromise}
options={options}
>
<EmbeddedCheckout />
</EmbeddedCheckoutProvider>

this part

wise rune
#

Can you share the code for where you import and use StripeTesting?

vagrant orchid
#

The component where i'm loading <StripeTesting /> is quit long, but I can still paste it in here if you need it.

#

import StripeTesting from "./StripeTesting.js"

<StripeTesting />

wise rune
#

Ok the import looks fine

#

The error you shared usually happens when you mix import type up

vagrant orchid
#

If i remove

{clientSecret && (
        <EmbeddedCheckoutProvider
          stripe={stripePromise}
          options={options}
        >
          <EmbeddedCheckout />
        </EmbeddedCheckoutProvider>
      )}

with "hello world" it loads that up fine with no issues.

#

"@stripe/stripe-js": "^1.39.0" that's the version i'm on.

wise rune
#

What version of react-stripe-js?

#

Embedded checkout wasn't added to 2.3.0 of react-stripe-js

vagrant orchid
#

"@stripe/react-stripe-js": "^1.12.0"

wise rune
#

Sorry 2.3.2 for the GA

vagrant orchid
#

Oh so i'm on an older version with out the embedding. Okay i shall update and check now.

wise rune
#

Try using the latest for both stripe-js and react-stripe-js

vagrant orchid
#

Oh okay, yeah that's why that was happening.

#

Okay thank you so much for your help, friend. everything is good to go. cheers