PayPal - c.FUNDING undefined is not an object

[y-a-v-a]

Describe the bug

In our JavaScript error reporting tooling we see a recurring error reported which in short is formulated as follows:

TypeError: undefined is not an object (evaluating 'c.FUNDING')

The only reference I could find in your codebase is here:

adyen-web/packages/lib/src/components/PayPal/components/PaypalButtons.tsx

Line 51 in 66e0be3

const { PAYPAL, CREDIT, PAYLATER, VENMO } = paypalRef.FUNDING;

To Reproduce

I do not know how to reproduce this.

Expected behavior

The error is not thrown or reported.

Screenshots

Desktop (please complete the following information):
The error is evenly spread among Device, OS or Browser

Smartphone (please complete the following information):
The error is evenly spread among Device, OS or Browser

[ribeiroguilherme]

Hi @y-a-v-a ,

What is the library version that you are using?

[y-a-v-a]

Hi @ribeiroguilherme , we're on "@adyen/adyen-web": "5.51.0",

[ribeiroguilherme]

@y-a-v-a Can you reproduce this in your testing environment? Do you have any insights about network connection speed and devices that caught this problem? This data could help bring some insights.

This problem is caused because PayPal SDK didn't fully load in the window object. So the UI component attempts to render the Button, although the SDK isn't loaded yet. We have proper mechanisms in place to render the button only when the PayPal SDK is fully loaded, but seems like we will need to iterate on this further.

[y-a-v-a]

@ribeiroguilherme I passed your comment on to a developer, we'll get back to you if we have additional info.

[y-a-v-a]

@ribeiroguilherme so far we can see that we have registered this same issue about 1.5 years ago under Adyen ticket #2768747 and was supposedly fixed in #1837
At the moment we have no clue how to proceed, but I will try to find additional info with regard to the client's context.

[y-a-v-a]

[ribeiroguilherme]

Is the error above related to the first screenshot that you shared? Do you have the device type and iOS version by any chance? So we could try to reproduce it here..

Are you guys using Drop-in or standalone Components?

Regardless, I found this which could be related.

[y-a-v-a]

We're using Drop-in.

[ribeiroguilherme]

@y-a-v-a do you have more insights if this issue happens mainly on Safari browser?

[TayyabSalmanMRM1996]

ribeiroguilherme do we have any updates on this issue?

The following are replication steps:

1. Go to the checkout page and click on the PayPal checkbox to display PayPal buttons (Pay Later, PayPal, Venmo)
2. Place an order with any payment method (Credit Card, GPay, PayPal).
3. From the order confirmation page, GOTO the PDP by any means (except refreshing the page).
4. Now add a product to the cart and go to the checkout page, click on the PayPal checkbox.
5. By doing step 4, Pay Later, PayPal and Venmo buttons will not be displayed and an error (PayPal - c.FUNDING undefined is not an object #2385) will come on the console tab

I'm using Chrome on macOS

[ribeiroguilherme]

Hi @TayyabSalmanMRM1996 ,

Can you replicate this on https://www.mystoredemo.io/ and let us know? That can help us to debug the problem.

[TayyabSalmanMRM1996]

@ribeiroguilherme I cannot replicate this here (https://www.mystoredemo.io/ ). But I can replicate this here https://adyen-salesforce-pwa-demo.mobify-storefront.com/