#ethan_api
sand vectorBOT
👋 Welcome to your new thread!
⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.
🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1382566032299790447
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
⛔️ Stripe developers have stepped away for a short while
Please leave your questions here, and we’ll respond as soon as we're back! If you need help urgently, you can contact Stripe support for help.
formal fractal
I've also looked at using <Elements>/<PaymentElement> but as far as I can tell this doesn't work for subscriptions. Maybe I'm mistaken though?
And I'm aware of the embedded form too but we have some specific requirements regarding payment methods that rules that out for us.
Ie, we want to support paper invoices as well as card payments since that works better for a lot of our clients - being schools. But you guys don't support doing invoices like that in New Zealand (where we are based), so in order to keep the payment experience consistent either way we've decided to put a custom checkout page together that allows you to select card (via stripe) or invoice (which we handle manually on our end).
sand vectorBOT
ashen abyss
Hey there. Can you point to where in the docs it says to render the <CheckoutProvider> component?
That will help as I look into this.
formal fractal
Ah yep sorry had the link in my original question but ran out of chars so rm'd it 😅
ashen abyss
Thanks. Have you looked at the "Checkout provider" section of our Docs [0]? If not, start there. Hopefully it unblocks you.
[0] https://docs.stripe.com/sdks/stripejs-react?ui=embedded-components#checkout-provider
formal fractal
Yep, I've seen that. The problem is
import { CheckoutProvider } from '@stripe/react-stripe-js'
gives
Module '"@stripe/react-stripe-js"' has no exported member 'CheckoutProvider'.
My @stripe/react-stripe-js is version 2.9.0
Just checked and saw latest version was 3.7.0 - updated to that and it appears to have fixed it
ashen abyss
I was about to ask you to upgrade.
ashen abyss
Not sure either. But I'm glad the upgrade resolved it.