Pete100 | Stripe Developers | Page 1

vivid flameBOT Jan 17, 2023, 6:52 AM

#

thick root Jan 17, 2023, 6:54 AM

#

Hi there, is there a URL that I can visit to reproduce the problem?

keen crystal Jan 17, 2023, 6:58 AM

#

see PM

thick root Jan 17, 2023, 6:58 AM

#

Yup, and I asked a question

thick root Jan 17, 2023, 7:15 AM

#

Hi @keen crystal I don't see the response contains paymentSetupClietnSecret, but has paymentsetupSecret

keen crystal Jan 17, 2023, 7:21 AM

#

The response gets passed as paymentSetupClietnSecret.

on parent Page:


handleSubmit() {
...
if (response.data.paymentsetupSecret) {
            this.setState({
              paymentCollectionClientSecret: response.data.paymentsetupSecret,
              paymentCollectionModal: true
            });
          }
...
}

render() {
const { someStuff, paymentCollectionClientSecret } = this.state;
return(
...
<PaymentConfig open={paymentCollectionModal} paymentSetupClietnSecret={paymentCollectionClientSecret} />
...
);
}

thick root Jan 17, 2023, 7:22 AM

#

so you extract paymentsetupSecret the response and set it as paymentSetupClietnSecret ?

keen crystal Jan 17, 2023, 7:25 AM

#

yup. I just updated my response above with code

#

In the image, you can see the react javascript compilation with the value of paymentSetupClietnSecret set correctly
https://media.discordapp.net/attachments/841573134531821616/1064799358559731732/image.png

#

it is a bit of a weird issue!!!

thick root Jan 17, 2023, 7:27 AM

#

OK. I'd suggest you to add some code so that Elements is only rendered when the client_secret is available. For example:

 return (
    paymentSetupClietnSecret && (
      <Elements
...

keen crystal Jan 17, 2023, 7:28 AM

#

touche. let me try

#

It will take a while for the changes to deploy

#Pete100