Suruchi Kumari | Stripe Developers | Page 1

ivory spokeBOT May 18, 2023, 5:03 PM

#

cloud crag May 18, 2023, 5:04 PM

#

Which guides are you following?

simple moth May 18, 2023, 5:04 PM

#

Docs

cloud crag May 18, 2023, 5:05 PM

#

Yup, which ones?

simple moth May 18, 2023, 5:12 PM

#

https://stripe.com/docs/payment-links/buy-button

#

For react

#

I am following this code

cloud crag May 18, 2023, 5:14 PM

#

What's not working about it?

simple moth May 18, 2023, 5:14 PM

#

I am getting err in stripe button component, I tried to fix it by installing stripe and importing it in my file but still it's showing err in that component

ivory spokeBOT May 18, 2023, 5:15 PM

#

cloud crag May 18, 2023, 5:15 PM

#

What's the error?

simple moth May 18, 2023, 5:15 PM

#

Code is not recognising this stripe button component

cloud crag May 18, 2023, 5:16 PM

#

That's the error message?

simple moth May 18, 2023, 5:16 PM

#

cloud crag What's the error?

Err in stripe-buy-button component

simple moth May 18, 2023, 5:17 PM

#

cloud crag That's the error message?

Yeah

#

Not the proper message but yeah that message means the same thing

cloud crag May 18, 2023, 5:17 PM

#

Can you show me a screenshot of the error?

simple moth May 18, 2023, 5:18 PM

#

Yeah sure

#

#

@cloud crag

simple moth May 18, 2023, 5:32 PM

#

simple moth I am following this code

I am doing the same as mention here in docs

hidden kite May 18, 2023, 5:34 PM

#

Hello! I'm taking over and catching up...

simple moth May 18, 2023, 5:35 PM

#

ok

#

One thing I want to mention here that i am writing my code in typescript in react app

hidden kite May 18, 2023, 5:36 PM

#

I was just about to say, I don't think this approach is compatible with TypeScript unless you set up something special to allow for the custom web component.

simple moth May 18, 2023, 5:37 PM

#

Yeah, so what should I do so that it can be use in my code?

hidden kite May 18, 2023, 5:38 PM

#

I'm not really well versed in TypeScript, but I think you would need to declare the custom element. Maybe something like this?

declare global {
  namespace JSX {
    interface IntrinsicElements {
      stripe-buy-button: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
    }
  }
}

simple moth May 18, 2023, 5:40 PM

#

btw is there any docs available ?

hidden kite May 18, 2023, 5:44 PM

#

Docs available for what?

simple moth May 18, 2023, 5:55 PM

#

I mean docs in typescript

#

About payment integration with stripe

hidden kite May 18, 2023, 5:57 PM

#

Not that I'm aware of, not for this integration.

simple moth May 18, 2023, 6:00 PM

#

Ok, thanks for the help

#Suruchi Kumari