Recaptcha v3 invisible does not display on authentication popup and when the login button is clicked it show the error - This is a required. See below.

enter image description here

When I looked at the browser console, I can see the below JS error

Uncaught TypeError: Unable to process binding "afterRender: function(){return renderReCaptcha() }" Message: Cannot read properties of undefined (reading 'rendering') at UiClass.initCaptcha (reCaptcha.js:116:35) at UiClass.renderReCaptcha

This shows that rendering option was not passed to the reCaptcha.js file. See below.

The error occurs here this.settings.rendering since this.settings is undefine.

enter image description here

When I look at the authentication-popup.phtml and print out the value of $block->getJsLayout(), I could see that rendering is passed to Magento_Ui/js/core/app

"#authenticationPopup": {
                "Magento_Ui/js/core/app": <?= /* @noEscape */ $block->getJsLayout() ?>

What I could not figure out is why the rendering disappears when reCaptcha.js is rendered which causes the error above.

I will appreciate any help in solving the issue.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.