mkoenke | Stripe Developers | Page 1

small pebbleBOT Mar 20, 2023, 4:53 PM

#

leaden stag Mar 20, 2023, 4:53 PM

#

Hi 👋

rugged portal Mar 20, 2023, 4:54 PM

#

hello!

leaden stag Mar 20, 2023, 4:54 PM

#

What have you tried?

rugged portal Mar 20, 2023, 4:58 PM

#

trying to swap out the CardElement for the PaymentElement. The way we currently render the card element is that we have <StripeProvider apiKey:'pk_12345' /> that is wrapping the elements instance (from 'react-stripe-elements') that is wrapping the payment form (that is rendered using injectStripe). The payment form renders the card element.

#

I tried passing the client_secret from creating the payment intent to the elements instance and swapping out the card element for the payment element, but its not working... and I noticed the docs for Payment Element Migration are not using react-stripe-elements so not sure if its compatible

small pebbleBOT Mar 20, 2023, 5:09 PM

#

leaden stag Mar 20, 2023, 5:16 PM

#

Okay can you share a little bit of what you are trying to do in the code here?

#

react-stripe-elements has. been archived and deprecated since March, 2021

#

So we don't maintain current examples using that library

rugged portal Mar 20, 2023, 5:17 PM

#

gotcha... sure let me get some examples

#

Can you see that?

📎 message.txt

leaden stag Mar 20, 2023, 5:31 PM

#

Okay and in this case the Payment Element doesn't render?

rugged portal Mar 20, 2023, 5:31 PM

#

correct

lament steppe Mar 20, 2023, 5:32 PM

#

@pine geode

pine geode Mar 20, 2023, 5:32 PM

#

Hello! I'm taking over and catching up...

#

As far as I know react-stripe-elements does not support the Payment Element. Would it be possible for you to switch to react-stripe-js instead? https://github.com/stripe/react-stripe-js

rugged portal Mar 20, 2023, 5:40 PM

#

I think so! I'll try to switch it over and see if that works

pine geode Mar 20, 2023, 5:40 PM

#

Sounds good!

rugged portal Mar 20, 2023, 5:40 PM

#

doesnt seem like a huge lift to transition to react stripe js

pine geode Mar 20, 2023, 5:41 PM

#

Oh, we do have a migration guide here too, which I should have linked to earlier! https://github.com/stripe/react-stripe-js/blob/master/docs/migrating.md

rugged portal Mar 20, 2023, 5:43 PM

#

thanks so much, i'll check it out

#mkoenke