Modal is not closed when cancel/verify captcha and shows error on Android

[mhNirob]

When I click outside captcha modal or finish verifying the captcha images disappear but the transparent black background doesn't. And I get Maximum call stack size exceeded error.

Seems like captchaRef?.hide() is not working on android, and it is causing this issue.

Code -

  let captchaRef = useRef(null);

  const onMessage = (event) => {
    if (event && event.nativeEvent.data) {
      if (['cancel', 'error', 'expired'].includes(event.nativeEvent.data)) {
        handleCaptchaSubmit(null);
      } else {
        handleCaptchaSubmit(event.nativeEvent.data);
        setTimeout(() => {
          handleCaptchaSubmit(null);
          setIsChecked((prevIsChecked) => !prevIsChecked);
        }, 12000);
      }
      captchaRef?.hide();
    }
  };

  <ConfirmHcaptcha
    mode
    siteKey={Secrets.CAPTCHA_SITEKEY}
    baseUrl={captchaBaseUrl}
    languageCode="en"
    ref={(_ref) => (captchaRef = _ref)}
    onMessage={onMessage}
  />

Tested on: Android Emulator - Pixel 3A

Screen.Recording.2022-11-01.at.6.55.00.PM.mov

[e271828-]

@mhNirob which Android version is this?

[mhNirob]

@e271828- Android version is 13.0

[CAMOBAP]

@mhNirob could you please also share information about your app:

1. react-native version?
2. Are you using expo?

[mhNirob]

@CAMOBAP

1. react native version is - 0.68.2
2. No, I am not using expo

[beqramo]

Same issue here too, any help?

[e271828-]

Closed in 1.4.2