Uncaught SecurityError in Google iframe when unmounting

When the component gets unmounted (e.g., when navigating to a different page using react-router), an exception occurs:

Uncaught SecurityError: Blocked a frame with origin "https://www.google.com" from 
accessing a frame with origin "localhost". The frame requesting access has a protocol 
of "https", the frame being accessed has a protocol of "http". Protocols must match.

Possible solution is to remove the iframe container inserted by the reCAPTCHA script in componentWillUnmount.

[laserpants]

@bobiblazeski Assuming Google hasn’t changed the widget in some way that would affect this, the second solution I suggested should still work as long as you only have one component:

componentWillUnmount() {
  Array.prototype.slice.call(document.getElementsByTagName('IFRAME')).forEach(element => {
    if (element.src.indexOf('www.google.com/recaptcha') > -1 && element.parentNode) {
      element.parentNode.removeChild(element);
    }
  });
}

[bobiblazeski]

@johanneshilden Many thanks will use that as temporary solution.