DropUI Fails to render with ApplePay on newer iPhones

[J-Gonzalez]

DropUI Fails to render with ApplePay on newer iPhones

[hollabaq86]

Two questions:

• we just released a new version with some CSS fixes to the ApplePay icon. I highly doubt that's the root of your issue but would you mind updating and double checking?
• I notice this is an integration with react. Is anyone seeing this issue with a common JS integration? I tried loading our demo page on an iphone 12 mini and the ApplePay icon appears just fine

[oscarleonnogales]

Hi @J-Gonzalez , to add onto what @hollabaq86 previously mentioned, could you please update to the latest version of Drop-In? (we just released a small tweak for ApplePay).

Additionally, if you're still seeing this issue, do you happen to have your integration in a test page or code sandbox that we could access? Any kind of reproducible sample would help. We haven't received any other reports from other merchants about this, so it makes me inclined to believe there's something strange going on in the React integration.

[J-Gonzalez]

Looks like the issue was potentially related to how the react.js setup of the widget and the ref not maintaining state correctly. I couldn't explain why newer iphones did not work while the old ones did which this React bug (that attempted to double render/mount the component) - but it did solve it.

Issue resolved as user error (which presented in a confusing way across different devices) ✅