Cannot read properties of undefined (reading 'startPayment')

[cini9]

Hi Datatrans,

Thanks a bunch for this library and the quick integration into React.

I am facing an issue where I am getting an error message, followed by the lightbox appearing a couple seconds later.

If I integrate the script given in the datatrans documentation (<script src="https://pay.sandbox.datatrans.com/upp/payment/js/datatrans-2.0.0.js">), the lightbox shows up but I cannot click anywhere on the lightbox

I am currently building a Web Application with :
Nextjs v 12.3.0
React v 18.2.0
react-datatrans-light-box v 3.1.0

[pstadler]

I've never seen this before. Does the example work for you? (npm run example:start)
Can you share some code for us to reproduce this?

[n3ssi3]

Looks to me like something is re-rendering your view. Please check out our example and your lifecycles.
If the problem persists, provide us with a reproducible code sample.

[jodast]

I'm running into the same issue using react 18.2.0.
I can reproduce the issue with your example after upgrading to react 18.2.0 (and changing
ReactDom.render( <App />, document.getElementById('app') )
to
ReactDOM.createRoot(document.getElementById("app")).render( <React.StrictMode> <App /> </React.StrictMode> );

[pstadler]

This should be fixed with 3.2.0 (already released). Please re-open this issue if it still happens.

Thanks for your report! 🍻