React-native-webview: HTTPS error using static html

[rezvalari]

Bug description:

I'm getting an error from my Stripe Integration when using live.

IntegrationError: Live Stripe.js integrations must use HTTPS.

I'm wondering if there is a way to set the WebView to https.

To Reproduce:

<WebView
  source={{
       html: stripeCheckoutHTML(clientSecret),
   }}
/>

Environment:

• OS: Mac OS
• OS version: 10.15.3
• react-native version: 0.60.4
• react-native-webview version:8.2.0

[rezvalari]

I was able to fix this on iOS by adding baseUrl: '' but it is still a problem in Android unfortunately

<WebView
  source={{
       html: stripeCheckoutHTML(clientSecret),
       baseUrl: ''
   }}
/>

[legend27sg]

Regarding android i found something on
Android Developer Doc

If a valid HTTP or HTTPS base URL is not specified in baseUrl, then content loaded using this method will have a window.origin value of "null". This must not be considered to be a trusted origin by the application or by any JavaScript code running inside the WebView (for example, event sources in DOM event handlers or web messages), because malicious content can also create frames with a null origin. If you need to identify the main frame's origin in a trustworthy way, you should use a valid HTTP or HTTPS base URL to set the origin.

Instead of putting baseUrl: ''
I inserted my backend endpoint for baseUrl and its working for me

[github-actions[bot]]

Hello 👋, this issue has been opened for more than 2 months with no activity on it. If the issue is still here, please keep in mind that we need community support and help to fix it! Just comment something like _still searching for solutions_ and if you found one, please open a pull request! You have 7 days until this gets closed automatically