[UI-REACT]: Telegram Wallet freeze on loading when moving from Web App

[ytpm]

Your Question

Hey everyone, I have a problem that when clicking the Connect Wallet button, the user is being moved to Telegram Wallet but the wallet freezes at this point (see screenshot), after 2-3 minutes I see a text of "Dapp manifest not found" even though I have the manifest set in the url base path and added it to the TonConnectUIProvider manifestUrl.

Also, it used to work, I was able to open and load the wallet and then connect to it, but it does not work anymore.

What may be the problem? any ideas?

I am using React with Next.js.

Documentation Check

• Yes, I have checked the documentation.

[EmilioHerreraSoukup]

Same here :(

[EmilioHerreraSoukup]

@ytpm I think im getting somewhere, how are you running the app, through a tunnel? ngrok or such?

[ceh137]

Same problem, did you find a solution? I'm running through ngrok

[alexcraviotto]

Hello community.

I have found a solution to this problem.

The problem occurs when we use a tunneling of our localhost to provide the manifest URL.

Why does this happen?

Well, I haven't investigated it thoroughly but my thesis is because of the wall that these tunnels put up to establish the connection.

What is the solution?

Simple, you can keep developing with NGROK or your favourite tunneling service, all you have to do is use a url manifest somewhere else.
You can use mine, I have created a public gist that if you use it as url manifest it will let you connect to the wallet.

https://gist.github.com/alexcraviotto/b5d974bc120c3b46a0d047ba79cb4874

(just copy the raw path)