Amplitude Session Replay Crashes when recording React Native (iOS) WebViews

[Yofret-Rios]

Hi! First of all, thanks for providing this awesome feature for React native

Expected Behavior

The expected behavior in this case is to be able to open a WebView while enabling WebView session replay recording

Current Behavior

Every time we try to open a WebView, the App Crashes. This occurs mostly on iOS devices.
Android devices seem not to be affected by this issue based on my testing

Steps to Reproduce

1. Wrap the WebView inside AmpMaskView like so

    <AmpMaskView mask="amp-unmask" style={{ flex: 1 }}>
      <WebView ref={webViewRef} {...webviewProps} />
    </AmpMaskView>

2. Build or run the app
3. Try to access your WebView
4. The app will crash with the following error on iOS

Environment

• SDK Version:
  • "@amplitude/analytics-react-native": "^1.4.13",
  • "@amplitude/plugin-session-replay-react-native": "^0.4.2",
• Installation Method: NPM
• Browser and Version: Not a Browser, but React Native 0.78.2

Note: This issue only occurs on iOS devices. I was able to capture this while debugging on Xcode:

[crleona]

Hi @Yofret-Rios, were you able to capture a stack trace?

[aliaksandr-kazarez]

@Yofret-Rios thank for reporting the issue.

WebView unmasking is causing react-native-webview to crash. We were able to reproduce the crash and looking for a ways to fix it.

I'll update the issue once the fix is available.

[aliaksandr-kazarez]

the issue were fixed on dependency.
I'm updating podspecs for the package, but the fix should be available on podspec.

you can fid it now by running pod update AmplitudeSessionReplay in your iOS folder. Please make sure AmplitudeSessionReplay of version 0.5.2 is installed. You can verify it in Podfile.lock

[Yofret-Rios]

@aliaksandr-kazarez Thanks for the update. I went ahead and tested it and it is mostly working on my end. I notice that for WebViews that don't inject JavaScript or have any special cookie treatment ,it does work well, but for WebViews with cookie treatment and Injected JavaScript, it crashes, Here is a full error report from my Sim

Full_error_report.txt

The WebViews I'm opening are first-party, meaning I have control over the codebase of the website itself. It would be great to know if I need to do something differently

[aliaksandr-kazarez]

@Yofret-Rios it seems that you're injecting JavaScript before WebView is fully loaded. This could cause WebView to navigate to about:blank without mainDocumentUrl being set properly and causing crash in RNWebView implementation.

If you're in control of your webView, you could check that webView is not loading (webView.isLoading) before evaluating webView.evaluateJavaScript.

[Yofret-Rios]

@aliaksandr-kazarez Thanks for the insight.

I don't evaluateJavaScript and isLoading methods on the webView reference. Did you mean to run that code on the Web side or the RN side?