deathnote-react-paymentelement | Stripe Developers | Page 1

river gobletBOT Apr 7, 2023, 6:48 PM

#

fading bluff Apr 7, 2023, 6:49 PM

#

@wild sequoia what do you need help with exactly? This Discord server is more targeted at developers writing their own code themselves and asking specific questions about our product/their code.
We can't write the code for you or teach you unfortunately but we can definitely answer questions if you have specific ones

wild sequoia Apr 7, 2023, 6:50 PM

#

ok got it, i'm using google translate sorry for any spelling mistakes

#

So let's go, I have a sales website and I wanted to put the stripe ui to accept payments, but my website already has a stripe form, but in the check or it does not appear. so i thought i would ask for help here

#

true lotus Apr 7, 2023, 6:52 PM

#

Do you see any errors related to the form not showing up?

#

Have you checked your browser's developer console to see if there are any errors?

wild sequoia Apr 7, 2023, 6:54 PM

#

yes it has no errors just warnings

wild sequoia Apr 7, 2023, 6:54 PM

#

wild sequoia

if you notice under the example there is a space it looks like there is something that was not loaded in time to be shown

#

as if there were going to show the form to fill in with the card data to pay

true lotus Apr 7, 2023, 6:55 PM

#

Was this form working on your page before?

#

Can you show me the warnings that you are getting?

wild sequoia Apr 7, 2023, 6:55 PM

#

it never worked

wild sequoia Apr 7, 2023, 6:55 PM

#

true lotus Can you show me the warnings that you are getting?

yes i will send print

true lotus Apr 7, 2023, 6:55 PM

#

Can you show me your current Stripe.js code for setting up this form?

wild sequoia Apr 7, 2023, 6:55 PM

#

#

#

that?

#

this is on the server

true lotus Apr 7, 2023, 6:59 PM

#

The client side code is what I am looking for. stripe.js is the name of the client-side library we provide for rending that checkout form

wild sequoia Apr 7, 2023, 6:59 PM

#

📎 message.txt

#

if it's the client side code you're looking for and this

true lotus Apr 7, 2023, 7:03 PM

#

That looks good from what I can see. Can you try making a simpler version of that page that is just the card element to see if it renders then?

wild sequoia Apr 7, 2023, 7:04 PM

#

you say just the form?

true lotus Apr 7, 2023, 7:05 PM

#

Yes, making a page that is just the form will help you check if it is something else on the page that is causing this

wild sequoia Apr 7, 2023, 7:08 PM

#

Would you help me out of this? because I tried and it tells me that the page was not found

#

I will send a print of the code

#

#

true lotus Apr 7, 2023, 7:10 PM

#

Unfortunately I am not familiar with your system that decides what URL directs to what. Is this the same local URL you were using before?

#

I am trying to run your code on my own test page. Will let you know what I find. Let me know what happens if you figure out your URL issue

wild sequoia Apr 7, 2023, 7:11 PM

#

true lotus Unfortunately I am not familiar with your system that decides what URL directs t...

yes I just changed from checkout to the test where there is the file that only shows the form

wild sequoia Apr 7, 2023, 7:12 PM

#

true lotus I am trying to run your code on my own test page. Will let you know what I find....

Could you repeat that sentence because the translation was repeated so I don't understand

true lotus Apr 7, 2023, 7:15 PM

#

I can't help debug the issue with your page not being found. You should keep debugging that. Please let me know what happens if you get the simple page to work.

I am trying to run your code in my system. I will let you know the results of my tests if I get your code working in my system.

wild sequoia Apr 7, 2023, 7:16 PM

#

so now I understand

#

so when you finish your tests let me know please

#

meanwhile I'm trying to make the page reduced

true lotus Apr 7, 2023, 7:22 PM

#

Do you have opening and closing <Elements> tags in your code somewhere? I don't see them in the code that you sent

wild sequoia Apr 7, 2023, 7:24 PM

#

yes in the return block there is one that starts on line 62 and ends on line 139

#

are you talking about this?

#

or not

#

could it be that the lack of this is not showing the form?

true lotus Apr 7, 2023, 7:28 PM

#

I am talking about something else. I incorrectly described the code that I was asking for.

Do you have code that calls loadStripe and sets up Stripe <Element> tags like in this section of this doc? https://stripe.com/docs/payments/accept-card-payments?platform=web&ui=elements&client=react#add-stripe.js-and-elements-to-your-page

wild sequoia Apr 7, 2023, 7:31 PM

#

#

that?

true lotus Apr 7, 2023, 7:33 PM

#

Yes, that code looks correct as far as I can see. Can you try placing your CardElement code directly inside the <Elements> ?

<CardElement
    options={{
      hidePostalCode: true,
      iconStyle: 'solid',
      style: {
        base: {
          color: '#111111',

          fontFamily: 'Arial, sans-serif',
          fontSmoothing: 'antialiased',
          fontSize: '16px',
          '::placeholder': {
            color: '#111111',
          },
        },
        invalid: {
          color: '#fa755a',
          iconColor: '#fa755a',
        },
      },
    }}
  />
</Elements>```

wild sequoia Apr 7, 2023, 7:34 PM

#

wild sequoia

you say put this code in this print?

#

put your code in the print I just sent?

true lotus Apr 7, 2023, 7:36 PM

#

Yes

#

If that code works, that means that you have react-stripe-js set up correctly. In that case the issue is probably in your react component code. If that does not work, then your stripe setup may be the issue.

wild sequoia Apr 7, 2023, 7:38 PM

#

#

it seems it didn't work

true lotus Apr 7, 2023, 7:41 PM

#

Still no console errors?

wild sequoia Apr 7, 2023, 7:42 PM

#

yes just warnings

#

Is there another way to put the form without exporting it from another location?

#

as if it were an html?

fading sigil Apr 7, 2023, 7:56 PM

#

Hi there 👋 taking over as my teammate needs to step away. Please bear with me a moment while I catch up on the context here.

wild sequoia Apr 7, 2023, 7:56 PM

#

ok, no problem

#

did you get the context?

fading sigil Apr 7, 2023, 8:04 PM

#

I have a high level understanding of the problem, but haven't had a chance to fully review all provided code.

wild sequoia Apr 7, 2023, 8:05 PM

#

what part of the code do you want me to send you?

fading sigil Apr 7, 2023, 8:07 PM

#

None, just more time to review what you've already provided

#

Sorry, nothing is readily jumping out at me. Have you tried following the guide my teammate linked before to stand up just a single sample page outside of your current project?

wild sequoia Apr 7, 2023, 8:20 PM

#

yes follow all his recommendations

fading sigil Apr 7, 2023, 8:20 PM

#

Can you show the page that was built by following the instructions shared in this doc?
https://stripe.com/docs/payments/accept-card-payments?platform=web&ui=elements&client=react#add-stripe.js-and-elements-to-your-page

wild sequoia Apr 7, 2023, 8:21 PM

#

what would be the client side?

fading sigil Apr 7, 2023, 8:24 PM

#

Steps 3 and 4 contain the client-side code samples.

river gobletBOT Apr 7, 2023, 8:45 PM

#

fading bluff Apr 7, 2023, 8:49 PM

#

👋 @wild sequoia to help you we're going to need you to explain in a lot more details what the issue is, focused completely on the exact small parts of the code that are the issue? We can't really debug hundreds of lines of code for you unfortunately
but if you have a specific question we can lool

#

deathnote-react-paymentelement

wild sequoia Apr 7, 2023, 9:08 PM

#

I'll make a quick exit as soon as I get back I'll explain detail by detail

#

ok?

#deathnote-react-paymentelement