GrabPay component mounting throws an exception about adyen-web

[geekyme]

thanks it works now!

[marcperez]

Hi @geekyme,

Thanks for reaching. Could you double check the paymentMethodsResponse is correctly passed in the main instance (AdyenCheckout constructor)? Also, please check if grabpay_SG is present in the paymentMethods part of the /paymentMethods response.

This is the relevant part of the docs page:

2. Pass the full response from the /paymentMethods call as the paymentMethodsResponse object when creating an instance of the AdyenCheckout.

https://docs.adyen.com/payment-methods/grabpay/web-component#show-grabpay-in-your-payment-form

Hope it helps!

[geekyme]

This is the configuration I am passing to new AdyenCheckout(configuration)

{
clientKey: 'xxx'
environment: "test"
locale: "en_SG"
onAdditionalDetails: ƒ handleOnAdditionalDetails()
onChange: ƒ handleOnChange()
paymentMethodsResponse: {
  name: "GrabPay"
  supportsRecurring: true
  type: "grabpay_SG"
}
}

Am I missing something @marcperez ?

[marcperez]

Hi @geekyme,

The value of paymentMethodsResponse seems to be incorrect, the property expects the full response of /paymentMethods. Something like the following:

// ...
paymentMethodsResponse: {
  paymentMethods: [
    {
      name: "GrabPay",
      type: "grabpay_SG"
    }
  ]
}
// ...