Wallet connect not work on telegram mini app

[TrungHDinh]

Hello, I am developing a Telegram mini app. It has a function to connect to a wallet. When it runs on a PC, everything works fine, but when it runs on a phone, it cannot connect to MetaMask.

I have tried the sample mini app from your repository at https://github.com/softstack/telegram-mini-app, but it encounters the same issue.
When run on a phone it just stuck in here like this image.

I try with android phone then it fire the error like this:

Anyone have same issue?

[GarageInc]

Had the same issue: DrKLO/Telegram#1816

[AbdulRafaySiddiqui]

It's close so I guess no solution yet :(

[guotie]

How about iOS?

[jjohnson5253]

My workaround was just using the metamask sdk. Sorry WalletConnect. Now my telegram miniapp can connect a wallet via the metamask mobile app. https://github.com/MetaMask/metamask-sdk/blob/main/packages/examples/create-react-app/README.md

[quoctruongdev]

It's working fine. Thank you @jjohnson5253

[AjayiMike]

After setting up metamask for my telegram mini app, it works very well in the browser, but in telegram, I get this screen when I try to connect

[AbdulRafaySiddiqui]

@jjohnson5253 are you connecting with the QR code? Cause directly connecting with deep link doesn't work, we just face the same issue.

[AjayiMike]

When on mobile, it immediately want to connect diretly to mobile metamask through deeplink. It only shows a QRCode if accessed through telegram desktop.

[Reglament989]

For anyone having similar problems, here's a dirty hack:

window.open = (function (open) {
	return function (url, _, features) {
		return open.call(window, url, "_blank", features);
	};
})(window.open);

Quick reproduction @wcminiappfixbot Source

IDK why, but this behavior has something to do with the target attribute, I think it's how webview works on android in general.

[sivaram-undefy]

Thanks a ton !

[sp1r1don]

I can open the wallet now, but the wallet connection feature isn't working. It appears that WalletConnect won't function within an iframe. The issue seems to stem from the fact that the Telegram mini-app operates as a browser within an iframe.

[tx-tomcat]

any update on this?

[NOVALRR]

give me video tutorial step by step

[sp1r1don]

give me video tutorial step by step

What?)

[junkiet]

I dont think it is working, ask telegram to fix it.

[harissatti]

facing same issue .can't get the exact information about this how we can set this ?

[sp1r1don]

There is no way to make it work. Only one solution I can imagine is some sort of proxy walletconnect socket using SSE.

[harissatti]

does this issue is from telegram side or walletconnect side?

[sp1r1don]

It's coming from Telegram. To be more precise miniApp injected with iframe and there is some restrictions, if I'm not mistaken

[sp1r1don]

As alternative you can try to find some others walletconnect like providers that using SSE

[harissatti]

did you have any link or info that get me their?

[creeping-vampires]

I had the same issue but you can use privy.io telegram auth for login within telegram mini app it will create smart account

[Nipunc55]

Had same issue, but now reown provide best solutions for connect wallet to telegram mini app

https://docs.reown.com/appkit/features/telegram-mini-apps