Web3Modal+wagmi in VanillaJS doesn't connect with wallets installed on smartphone #2659

ratstraper · 2024-08-01T08:59:03Z

ratstraper
Aug 1, 2024

With the same code and conditions in the chrome browser on the desktop computer, I can easily connect to the metamask module. But when I try to connect to the wallet in chrome browser on smartphone (android) I get the answer "Connection declined". I have metamask, trustwallet and other apps installed on my smartphone. I can also connect via e-mail on my smartphone but not to the wallets.
How can I fix it?

<html>
<head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <w3m-button></w3m-button>
    <script type="module">
        import { createWeb3Modal, defaultWagmiConfig } from "https://esm.sh/@web3modal/[email protected]/?bundle";
        // or import { createWeb3Modal, defaultWagmiConfig } from "https://esm.sh/v135/@web3modal/[email protected]/es2022/wagmi.bundle.mjs";
        import { mainnet, polygon } from "https://esm.sh/@wagmi/[email protected]/chains?exports=mainnet,polygon";
        import { reconnect, getAccount, getEnsName, switchChain } from "https://esm.sh/@wagmi/[email protected]?exports=reconnect,getAccount,getEnsName,switchChain";

        const projectId = WALLET_CONNECT_PROJECT_ID;

        const metadata = {
            name: "name",
            description: "description",
            url: "https://mysite", // origin must match your domain & subdomain
            icons: ["https://avatars.githubusercontent.com/u/37784886"],
        };

        const chains = [mainnet, polygon];

        export const config = defaultWagmiConfig({
            chains,
            projectId,
            metadata,
        });

        reconnect(config);

        const modal = createWeb3Modal({
            wagmiConfig: config,
            projectId,
        });

        modal.subscribeEvents((newState) => {
            const name  = newState.data.event;
            console.log("events", newState.data.event);
        });
      </script>
</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Reown

Web3Modal+wagmi in VanillaJS doesn't connect with wallets installed on smartphone #2659

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 0 comments

Select a reply

Reown

Web3Modal+wagmi in VanillaJS doesn't connect with wallets installed on smartphone #2659

ratstraper Aug 1, 2024

Replies: 0 comments

ratstraper
Aug 1, 2024