sabrinalh5 | Stripe Developers | Page 1

echo gorgeBOT Feb 13, 2024, 3:29 PM

#

gritty igloo Feb 13, 2024, 3:30 PM

#

Hi 👋 not for Next.js specifically, but our general guide for using a Setup Intent to set up a Payment Method for future usage can be found here:
https://stripe.com/docs/payments/save-and-reuse?platform=web&ui=elements

weary dirge Feb 13, 2024, 3:41 PM

#

Thanks, toby. We are successfully generating a client secret on our server side and return that back to the client. We are running into issues when rendering the Setup element.

#

Do you have any suggestions?

#

We just ran the code in the example from the link you provided and it did not work 😦

gritty igloo Feb 13, 2024, 3:45 PM

#

What are the "issues"? It's hard to provide suggestions without understanding what problems you're running into.

weary dirge Feb 13, 2024, 3:48 PM

#

We are getting the stripePromise and clientSecret, they both print to the console. However, the payment element is still not rendering, despite following the structure of the example code from the Stripe docs. What other information can we provide that would be helpful?

gritty igloo Feb 13, 2024, 3:55 PM

#

Are you seeing any errors? From either the frontend or backend side of your flow?

wheat maple Feb 13, 2024, 3:59 PM

#

Both flows seem to be working. Error is that it's not rendering anything to DOM besides an unstyled "Submit" button from the <SetupForm/> component on Page

#

Both 'stripePromise' & 'clientSecret' are logged to console successfully

gritty igloo Feb 13, 2024, 4:02 PM

#

When you check your server logs, and the console in your browser, do you see any error messages?

wheat maple Feb 13, 2024, 4:04 PM

#

Just checked - not seeing anyting. Is there something you're expecting us to find?

gritty igloo Feb 13, 2024, 4:07 PM

#

Yes, if the Element can't be mounted, I'd expect to see an error indicating why somewhere.

#sabrinalh5