mhesham32 | Stripe Developers | Page 1

loud mothBOT Jan 9, 2023, 3:49 PM

#

humble crag Jan 9, 2023, 3:49 PM

#

Hello 👋
Looks like you are using CardElement for your UI, is that correct?

autumn shore Jan 9, 2023, 3:51 PM

#

I'm using these elements from the official react library

CardCvcElement,
  CardExpiryElement,
  CardNumberElement,

#

so what happens is that the elements won't be loaded so the input outlet gets narrower as you notice

#

this issue wasn't happening before it started to appear about two weeks ago I didn't update the packages though but I thought maybe updating them could fix it so I updated them but this issue is still happening unfortunately

humble crag Jan 9, 2023, 3:59 PM

#

Yeah its really tough to identify without a concrete error message. Based on the context you've shared, It mostly looks like some requests are timing out due to slow internet connections.

autumn shore Jan 9, 2023, 4:00 PM

#

yes at least that is how I was able to reproduce it

humble crag Jan 9, 2023, 4:04 PM

#

Unfortunately, there isn't much you can do for timeouts 😦 Can't think of an alternative either. Are you making any requests to your own server prior to rendering the element?

autumn shore Jan 9, 2023, 4:06 PM

#

yes but this UI won't appear if the server requests failed

#

also is it possible to cache the Stripe elements resources to send it as a fallback if the requests to the Stripe server failed

humble crag Jan 9, 2023, 4:10 PM

#

I don't believe that's supported unfortunately.

autumn shore Jan 9, 2023, 4:12 PM

#

ok thanks for your help, I just noticed that we can enable console recording in Hotjar so next time we can catch this error if existed

humble crag Jan 9, 2023, 4:12 PM

#

Yeah that would be great. It should help identify a pattern (if there's one!)

#mhesham32