How to register a react native mobile app with the default existing URL Schema tel for telephone custom dialer

Question

Our teams goal is to have a customer dialer app on mobile phones b/c we want to mask the phone number for our users. They dont want their personal real numbers on caller ID. We have a phone service to do this behind the scenes (Twilio), but need to have our native app register as responding to the "tel" URL Schema and hooked into the React Native Deep LInk APis.

https://reactnative.dev/docs/linking#built-in-url-schemes

We have setup and followed the normal tutorials for custom URL schemas, like "myawesomeapp:/phone/+12223334444" and we can get that to open.

We want the app to register as a main dialer app though, when we do not control to setup this custom url. So anywhere there is a link for +12223334444 we want the OS to offer our app vs the main phone app when user clicks on this link.

Any tutorial on this? How to do this in Android and iOS using React Native. We started with expo default react native project, but ejected it and have full control of native settings. Thanks!

This tutorial was userful or the custom schema, but not "tel" https://rossbulat.medium.com/deep-linking-in-react-native-with-universal-links-and-url-schemes-7bc116e8ea8b