TypeError: window.grecaptcha.render is not a function about ember-g-recaptcha HOT 8 CLOSED

There is a window.grecaptcha.ready which maybe better than using 500 ms delay.

from ember-g-recaptcha.

Ok, i had some free time today to fix this. It was just a race condition. Recaptcha seems to be initializing window.grecaptcha first and then making another call to load the rest of the data. I can try to do a PR if I'm allowed to fix it.

We just need to check if window.grecaptcha.render is set.

renderReCaptcha() {
    if (isNone(window.grecaptcha) || isNone(window.grecaptcha.render)) {
      later(() => {
        this.renderReCaptcha();
      }, 500);

from ember-g-recaptcha.

Make sure your application is not loading multiple times 'https://www.google.com/recaptcha/api.js

from ember-g-recaptcha.

I had this problem too at 0.4.0. I think the instructions have changed along the way. You are probably missing the jsUrl in your env file. I think the ?render=explicit is critical now.

I upgraded to 0.8.0 and added the jsUrl.

    // ...
 
    gReCaptcha: {
      jsUrl: 'https://www.google.com/recaptcha/api.js?render=explicit', // default
      siteKey: 'your-recaptcha-site-key'
    }
 
    // ...
  }```

from ember-g-recaptcha.

Actually, it was working, now it stopped again. I gave up and added the script tag to my head.

  <script src="https://www.google.com/recaptcha/api.js?render=explicit" async></script>

from ember-g-recaptcha.

Maybe... I just patched the existing code by adding || isNone(window.grecaptcha.render)

from ember-g-recaptcha.

I'm seeing this as well when rendering with Fastboot (window is not available on node).

from ember-g-recaptcha.

A quick fix for this is in #11 so I can close this - thanks @craig2017 👍

However, a better solution seems to be the one suggested by @cosmosgenius - so I opened #13

from ember-g-recaptcha.