[SOLVED] Linking.openURL [Possible Unhandled Promise Rejection]

Bug description: My website has a WhatsApp floating button and when clicking it, I was able to open the WhatsApp native application from that button, but I’m getting a warning in the metro console.

Trying to open Linking.openURL(url) from onNavigationStateChange WebView prop, I get warning Possible Unhandled Promise Rejection

The URL I’m trying to open is whatsapp://send?phone=XXXXXXXXX

      <WebView
            ref={(ref) => (this.webview = ref)}
            originWhitelist={['https://', 'whatsapp://']}
            source={{ uri: 'https://xxx.xxxx.xxx/' }}
            onNavigationStateChange={this.handleWebViewNavigationStateChange}
            onMessage={(event: WebViewMessageEvent) => {
              alert(event.nativeEvent.data);
            }}
      />

handleWebViewNavigationStateChange = (newNavState: WebViewNavigation) => {
    console.log('nav state changed');

    if (url.startsWith('whatsapp://')) {
      this.webview.stopLoading();
      Linking.openURL(url);
    }
  };

Environment:

• OS: Linux Mint 20.3
• react-native version: 0.64.3
• react-native-webview version: 11.15.0

[TheAlmightyBob]

However you like dealing with promises. You could use async/await and wrap it in a try/catch, or use .then/.catch.

I’m personally a fan of using no-floating-promises to help avoid these types of issues.

[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