Error connecting wallet on Telegram Web App.

[DmyKov]

Is there an existing issue for this?

• I have searched the existing issues

RainbowKit Version

2.0

wagmi Version

2.5

Current Behavior

Telegram Mobile App - Android
Telegram Mobile App - iOS
Metamask Mobile App
Telegram Bot

When i try to connect Metamask via Telegram bot on Android Telegram App i get error page ( see screenshot) net::ERR_UNKNOWN_URL_SCHEME

Video - https://github.com/rainbow-me/rainbowkit/assets/117279331/86eb76cf-b153-4aee-8030-b08b2129e604

On iOS after click on Metamask icon on RainbowKit modal just do not happening nothing. I done get error page but Wallet do not open. Just nothing hapens.

I found closed issue with the same problem
#1531
And here nichitagutu/web3modal@a05574f some idea how to fix it. It seems that the problem is in the URL that WalletConnect useing to iniciate interaction with Metamask (or other wallet)

Also i tried to open your home page just clicking on the URL in any Telegram chat. URL opens with the browser implemented in Telegram and it work good. The problem is only in TWA Apps (Telegram Web Apps)

Expected Behavior

Success wallet connection

Steps To Reproduce

1. Open Telegram bot with Telegram mobile App
   https://t.me/dk_test_bot_bot
2. Click on "Start" button to activate the bot
3. Click on "Test" button (bottom left) to run Telegram web app
4. Try to connect Metamask on RainbowKit home page

Link to Minimal Reproducible Example (CodeSandbox, StackBlitz, etc.)

https://t.me/dk_test_bot_bot

Anything else?

[DmyKov]

Hello
any update? Did you reproduce the error?

[LeMinhTuAnh]

i use telegram bot can not open (metamask, trust wallet, coinbase wallet) always failure in telegram bot for android and ios. Can you help me?

[magiziz]

@DmyKov This seems to be an error with how deep linking works in telegram web app. Usually you would want to do this within a browser on your phone like safari, chrome or firefox and then get redirected to the app right after, but this is not the case with telegram web app.

Telegram uses embedded iframe which tries to redirect you to the app itself, but crashes and this is something that's out of our control. We've got a pretty similar issue here as well: #1531

What i would suggest doing is creating a web app where you can redirect users to and try to do your internal logic there instead of using telegram web app. Please feel free to raise another issue if you're facing with any other bugs 🙏

[meri-maki]

any news?

[zkgggggame]

Any news?...

[magiziz]

@meri-maki @zkgggggame Currently RainbowKit doesn't work with Telegram Web App. Please refer to the comment here #1881 (comment)

[skhetcho]

I submitted a PR for a similar issue on ConnectKit, @magiziz could this possibly be adopted into RainbowKit as well?
All it does is that if it is on android, open in _blank target which forces the TWA to open it outside the iframe:

family/connectkit#414

[meri-maki]

@skhetcho WalletConnect is planning to add support for twa (i really hope so)
see this issue

[skhetcho]

@meri-maki @magiziz
I updated my connectkit fork, now it work seamlessly with metamask on all devices for Telegram Mini apps (the fork release)

As long as I have the deeplink uris (such as metamask://) there's a isAndroid conditional in my code that would automatically handle the wc uri with the deep link of the target wallet

[pouriya73]

@magiziz How does the Tonkeeper wallet work?
The main wrapper infrastructure is placed on the mini app program for Telegram, but it seems this feature has been disabled on the Wagmi and Rainbow Kit infrastructures.
Could you please explain why these two similar mechanisms wouldn't work?

[tx-tomcat]

@meri-maki @magiziz I updated my connectkit fork, now it work seamlessly with metamask on all devices for Telegram Mini apps (the fork release)

As long as I have the deeplink uris (such as metamask://) there's a isAndroid conditional in my code that would automatically handle the wc uri with the deep link of the target wallet

It working on iOS. on Android, metamask stuck at connecting state

[pouriya73]

You can also use this piece of code to open an external link from within Telegram, which opens the phone browser
@skhetcho @LeMinhTuAnh @tx-tomcat @magiziz

<a href="intent://YOUR-LINK#Intent;scheme=https;action=android.intent.action.VIEW;end;');">Open link in external browser</a>

[harissatti]

does any one find soution ?mine also not working