errors on unmount on edge 18

[pospichalales]

When I am leaving the page with reCAPTCHA displayed, the following errors are logged to console.
Edge 18.

reacaptcha__cs.js
Unable to get property 'create' of undefined or null reference

anchor
'recaptcha' is not defined

SCRIPT5007: SCRIPT5007: Object expected

They do not have negative effect to reCAPTCHA function but are logged to bugsnag every time as they are related to my page.

[pospichalales]

We probably need to remove Recaptcha scripts added to header when switching to different page (route)

[jsardev]

@pospichalales Are you manually adding ReCAPTCHA scripts to the DOM? If yes, you could use Reaptcha automatic script injection - it cleans it up on component unmount (so it would get removed on route change).

[pospichalales]

No, just automatically. On the page with form I use import Reaptcha from 'reaptcha'; and <Reaptcha sitekey=.... />

[pospichalales]

If I change route, I can see script with source https://www.gstatic.com/recaptcha/api2/v1548052318968/recaptcha__cs.js and https://recaptcha.net/recaptcha/api.js?render=explicit&hl=cs still included in head.

[pospichalales]

I see if I go to page with Recaptcha in Chrome, then switch route and wait some time, this error is logged to console

[pospichalales]

This is probably different error, you can look here how they solved it dozoisch/react-google-recaptcha#120

[jsardev]

@pospichalales This error is already reported in #97 - let's keep it separate.

According to the error reported right here - I don't really know what can be the reason. I'll have to take a look why it's not being cleaned up on unmount. Unfortunately, I don't have time right now - I could look at it in 2-3 months. If it's very important for you, feel free to investigate and propose a PR :)

[jsardev]

After a bit of investigation, this looks like some incompatibility of the recaptcha script with that specific version of Edge. Certainly not a bug in this library.