moray-react | Stripe Developers | Page 1

viral wave Aug 16, 2022, 10:23 AM

#

👋 Happy to help

azure brook Aug 16, 2022, 10:24 AM

#

Thanks. Have I got something in the example wrong or should I log an issue on react-stripe-js Github?

viral wave Aug 16, 2022, 10:25 AM

#

What Elements do you use? Is it Payment Element?

azure brook Aug 16, 2022, 10:26 AM

#

It's the Elements provider

#

import {Elements} from '@stripe/react-stripe-js';

viral wave Aug 16, 2022, 10:28 AM

#

You should have other elements in Elements provider under PaymentForm, for example, <PaymentElement /> in this step: https://stripe.com/docs/stripe-js/react#element-components

React Stripe.js reference

React components for Stripe.js and Stripe Elements

azure brook Aug 16, 2022, 10:30 AM

#

Yes, I have that

#

I'm specifically asking about the type error on the Elements component

#

Am I using the provider incorrectly or is this type error because of a bug in the library?

bleak summit Aug 16, 2022, 10:34 AM

#

Are you using React 18?

#

And which version of react-stripe-js?

azure brook Aug 16, 2022, 10:35 AM

#

React 18.2.0, @stripe/react-stripe-js 1.7.1

bleak summit Aug 16, 2022, 10:36 AM

#

I think that TS issue was resolved in 1.7.2: https://github.com/stripe/react-stripe-js/issues/273#issuecomment-1102947196

GitHub

React 18 compatibility · Issue #273 · stripe/react-stripe-js

Summary React 18 was made available on March 29, 2022. Current depedencies "react": "^16.8.0 || ^17.0.0", Has anyone conducted a compatibility upgrade test?

azure brook Aug 16, 2022, 10:40 AM

#

Oh brilliant, thanks! I hadn't noticed the old package version 🤭

#

I'll upgrade and see what happens

#

That fixed it, thanks!

#moray-react