Elements locale option not localizing about react-stripe-elements

[glaucopater]

Hi @adambarghouthi, I found the same issue and also this thread with a "strong" workaround. Basically it forces to reload the component changing the key
#225

[davedbase]

I'm having a similar issue. This is how I'm invoking Elements:

<Elements key={language} locale={language} stripe={stripePromise}>

If I pass fr into locale the field it doesn't do anything. Furthermore my linter goes crazy because locale is apparently not set on ElementProps (supposedly).

Every other sample with Stripe.js works except for the hooks versions. I'm using it correctly given the documentation: https://github.com/stripe/react-stripe-elements#elements. I'm also on the latest version of the dpeendency.

[adambarghouthi]

@davedbase have you tried what @glaucopater suggested? A strong reset of the component using a key prop that changes with the locale should work (I haven't tried it yet but I've seen it used in other instances)

[davedbase]

@adambarghouthi I created a topic here: #554 which shows the exact method I'm using. I'm basically giving it a key when it first mounts but there's more details in my specific issue that might be useful.

[adambarghouthi]

it's in the options prop! thanks @davedbase