Adyen Customcard component is not working sometimes in React

Question

I am using adyen payment gateway's customcard component in my React JS project. When there are some dom updates in my parent component Adyen secure fields will not work correctly. I don't know why. Please refer the attached screenshots for reference. Is there any call back method to handle such kind of error or Is there any solution to this issue.

Answer 1

I think the problem is caused by the fact that you are trying to initialize the Adyen component more than once. This is a common problem especially when people are using Vue or React, make sure not to re-render the DOM element.