george | Stripe Developers | Page 1

clear hollowBOT Mar 21, 2023, 10:40 AM

#

bright ibex Mar 21, 2023, 10:40 AM

#

👋 happy to help

#

would you mind sharing your code snippet please?

tender trout Mar 21, 2023, 10:43 AM

#

Sure, the following combines both UMD and react usage:

#

I suspect it's probably the combination of v2 UMD + v3 npm package

edgy sandal Mar 21, 2023, 10:56 AM

#

Hi! I'm taking over this thread.

#

Can you clarify why you need both v2 and v3 version on the same page?

tender trout Mar 21, 2023, 11:00 AM

#

We have an existing UI form component using Stripe V2 loaded as UMD. We are not ready to migrate this form to v3 yet, so, for now, in order to support google/apple pay we decided to have both versions

edgy sandal Mar 21, 2023, 11:04 AM

#

Got it. But yes your code mounting the element: <Element stripe={...} option={...}> looks correct to me and is similar to what we have in the doc here https://stripe.com/docs/stripe-js/react#elements-provider

#

So yes it looks like you can't use both V2 and V3 in this case

#

So I would recommend to migrate entierly to V3.

tender trout Mar 21, 2023, 11:07 AM

#

I have a feeling the <Element /> component actually uses the v2, instead of v3, thus causing the error. It's kinda of hard to debug since this happens only when on the first load of the page :), after a refresh it works properly

edgy sandal Mar 21, 2023, 11:10 AM

#

I have a feeling the <Element /> component actually uses the v2, instead of v3,
Yes I have the same idea

#

That's why I recommend migrating entierly to v3.

#george