External Linking on RNTester is broken

[lunaleaps]

Description

Currently running RNTester and heading to the Linking example -- the examples deep-linking don't work.

I get in Metro:

 LOG  Don't know how to open URI: geo:37.484847,-122.148386
 LOG  Don't know how to open URI: tel:9876543210
 LOG  Don't know how to open URI: fb://notifications
 LOG  Don't know how to open URI: tel:9876543210

Version

0.67

Output of npx react-native info

System:
OS: macOS 12.1
CPU: (32) x64 Intel(R) Xeon(R) W-3245 CPU @ 3.20GHz
Memory: 7.45 GB / 96.00 GB
Shell: 3.2.2 - /usr/local/bin/fish
Binaries:
Node: 16.11.1 - /usr/local/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 8.0.0 - /usr/local/bin/npm
Watchman: 20220124 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.11.2 - /Users/luwe/.gem/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4
Android SDK:
API Levels: 26, 27, 28, 29, 30, 31
Build Tools: 23.0.1, 25.0.2, 27.0.3, 28.0.2, 28.0.3, 29.0.2, 30.0.2
System Images: android-26 | Google APIs Intel x86 Atom_64
Android NDK: 21.4.7075529
IDEs:
Android Studio: 2020.3 AI-203.7717.56.2031.7784292
Xcode: 12.5/12E262 - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_181 - /usr/local/bin/javac
npmPackages:
@react-native-community/cli: ^6.0.0 => 6.0.0
react: 17.0.2 => 17.0.2
react-native: Not Found
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

Steps (I run this on 0.67-stable branch):

1. I run ./scripts/test-manual-e2e.sh and choose the iOS, Hermes options
2. The script opens Xcode, and I build targeting my iOS simulator (iPod touch 7th gen.)
3. Head to the APIs example, Linking -> "Open external URLs"
   

Expected:

• geo, tel, fb deep links should deep link me to the maps, phone, and FB (if installed or the app store)

Actual:

• I get the following logs in metro:

 LOG  Don't know how to open URI: geo:37.484847,-122.148386
 LOG  Don't know how to open URI: tel:9876543210
 LOG  Don't know how to open URI: fb://notifications
 LOG  Don't know how to open URI: tel:9876543210

Snack, code example, screenshot, or link to a repository

No response

[github-actions]

⚠️	Missing Environment Information
ℹ️	Your issue may be missing information about your development environment. You can obtain the missing information by running react-native info in a console.

[hetanthakkar]

I'm on it

[gabrieldonadel]

This is also happening on Android due to missing intents in the Android manifest, I've just opened a PR fixing it #32986

[gabrieldonadel]

@lunaleaps did you try running this on a real device?

tel scheme is not supported in the simulator, maybe we should add this same warning to the canOpenUrl function?

react-native/Libraries/LinkingIOS/RCTLinkingManager.mm

Line 108 in 3f49e67

RCTLogWarn(@"Unable to open the Phone app in the simulator for telephone URLs. URL: %@", URL);

Regarding the geo link, it's also not supported by default on iOS unless you have some app like google earth that handles it, according to Apple docs if we want to open Map Links we should use regular http that then will redirect to the Maps app, something like http://maps.apple.com/?ll=37.484847,-122.148386

https://developer.apple.com/library/archive/featuredarticles/iPhoneURLScheme_Reference/MapLinks/MapLinks.html

From my testing on a real device (iPhone 7 iOS 15.2.1) everything seems to be working

linking-test.mp4