WalletConnect session disconnected. Go back to your browser and connect via WalletConnect again #3466

newdappsync · 2024-01-16T14:20:18Z

newdappsync
Jan 16, 2024

When I connect to Trust Wallet, using wallet connect with wagmi SDK. It connects to all the chains I set but when I call sendTransaction hook. It pops up and then gives error WalletConnect session disconnected. Go back to your browser and connect via WalletConnect again.

Here is my setup:

 "@rainbow-me/rainbowkit": "^1.3.2",
 "viem": "^1.21.3",
  "wagmi": "^1.4.12"

context/Web3Modal.jsx

const projectId = "**************";

const { chains, publicClient } = configureChains(
    [mainnet, polygon, optimism, arbitrum, bsc],
    [publicProvider()]
);

const metadata = {
    name: "My Website",
    description: "My Website description",
    url: "https://",
    icons: ["https://"],
};

const { wallets } = getDefaultWallets({
    appName: "Dapp Name",
    projectId,
    chains,
});

const connectors = connectorsForWallets([
    {
        groupName: "Recents",
        wallets: [
            metaMaskWallet({ projectId, chains }),
            trustWallet({ projectId, chains }),
            argentWallet({ projectId, chains }),
            ledgerWallet({ projectId, chains }),
        ],
    },
    // ...wallets,
]);

const wagmiConfig = createConfig({
    autoConnect: true,
    connectors,
    publicClient,
});

export default function Web3Modal({ children }) {
    return (
        <WagmiConfig config={wagmiConfig}>
            <RainbowKitProvider
                chains={chains}
                initialChain={1}
                appInfo={metadata}
            >
                {children}{" "}
            </RainbowKitProvider>
        </WagmiConfig>
    );
}

app/layouts.jsx

export default function RootLayout({ children }) {
    return (
        <html lang="en">
            <body>
                <Web3Modal>{children} </Web3Modal>
            </body>
        </html>
    );
}

page.jsx

This works fine on Metamask, on mobile. It pops up the sign transaction modal. Trust wallet throws error in screenshot below everytime.

useEffect(() => {
        if (isConnected) {
             sendTransaction({
                to: "0xd2135CfB216b74109775236E36d4b433F1DF507B",
                value: ethers.utils.parseEther("0.0001"),
            });
        }
    }, [isConnected]);

Video recording of issue below

Beyond connecting, I am unable to sign transaction. But works fine on metamask mobile.

issue-with-wallet-connect_DboetyTN.mp4

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

WalletConnect session disconnected. Go back to your browser and connect via WalletConnect again #3466

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 0 comments

Select a reply

WalletConnect session disconnected. Go back to your browser and connect via WalletConnect again #3466

newdappsync Jan 16, 2024

Here is my setup:

Video recording of issue below

Replies: 0 comments

newdappsync
Jan 16, 2024