Cannot connect to Irys using Wallet Connect

[nixjs]

I used my phone to scan wallet connect. It connected to the wallet but couldn't connect to Irys.
This is my code:

'use client'

import React from 'react'
import BaseWebIrys from '@irys/web-upload/esm/base'
import { useAppKitAccount, useAppKitNetwork } from '@reown/appkit/react'
import { WebUploader } from '@irys/web-upload'
import { sepolia, mainnet } from 'viem/chains'
import { createWalletClient, createPublicClient, custom } from 'viem'
import { ViemV2Adapter } from '@irys/web-upload-ethereum-viem-v2'
import { ContextState, IrysContext } from './useIrysUploader'
import { toastWarning } from '@/toast'
import { ChainById, TransportByChainId } from '@/config/wallet'
import { IrysWebUploader, IrysWebUploaderExtends } from '@/config/irys'
import useMode from '@/hooks/useMode'
import { useAppState } from '@/store/useAppStore'
import { useMediaState } from '@/store/useMediaStore'

const IrysUploaderProvider = ({ children }: { children?: React.ReactNode }) => {
    const [irys, setIrys] = React.useState<BaseWebIrys | null>(null)
    const { isConnected } = useAppKitAccount()
    const { chainId } = useAppKitNetwork()
    const { mode } = useAppState()
    const { constructableWebTokenFund } = useMediaState()
    const { fetchMode } = useMode()

    React.useEffect(() => {
        fetchMode()
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [])

    React.useEffect(() => {
        const connectIrys = async () => {
            try {
                console.log('Network changed', mode)
                const isDev = mode === 'devnet'
                const isDesktop = typeof window.ethereum !== 'undefined'
                const fChainId = Number(
                    chainId
                ) as unknown as keyof typeof ChainById
                const chain = fChainId
                    ? ChainById[fChainId]
                    : isDev
                      ? sepolia
                      : mainnet

                const transport = isDesktop
                    ? custom((window as any).ethereum)
                    : TransportByChainId[fChainId]
                const provider = createWalletClient({
                    chain,
                    transport
                })

                const publicClient = createPublicClient({
                    chain: sepolia,
                    transport
                })

                const webUploader = constructableWebTokenFund
                    ? IrysWebUploaderExtends[constructableWebTokenFund]
                    : IrysWebUploader[fChainId]

                const irysUploader = await WebUploader(webUploader)
                    .withAdapter(
                        ViemV2Adapter(provider, {
                            publicClient
                        })
                    )
                    .network(mode)
                if (irysUploader) {
                    console.log(
                        `Connected to Irys: ${irysUploader.address}`,
                        irysUploader.url
                    )
                    setIrys(irysUploader)
                } else toastWarning('Failed to connect irys')
            } catch (error) {
                // toast(<div>{JSON.stringify(error)}</div>)
                toastWarning('Error connecting to Irys')
                console.error('Error connecting to Irys:', error)
            }
        }
        if (isConnected && chainId && mode) {
            connectIrys()
        }
    }, [isConnected, mode, chainId, constructableWebTokenFund])

    const value: ContextState = {
        irysUploader: irys,
        irysAddress: irys?.address ?? ''
    }

    return <IrysContext.Provider value={value}>{children}</IrysContext.Provider>
}

export default IrysUploaderProvider

This is error:

[JesseTheRobot]

Are you able to provide the full error stacktrace?

[nixjs]

Are you able to provide the full error stacktrace?

This is source code: https://github.com/nixjs/next-irys
Steps:

1. Run code: pnpm dev
2. Click Connect wallet button
3. Choose provider Wallet Connect
4. Use wallet on phone (i used Trust wallet), then scan QR.
5. Error below appears as video

I found out that the error is in package @irys/web-upload-ethereum, the part related to the InjectedTypedEthereumSigner method.

Screen.Recording.2025-02-11.at.17.24.33.mov

[JesseTheRobot]

I found out that the error is in package @irys/web-upload-ethereum, the part related to the InjectedTypedEthereumSigner method.

which method? if you tell me which I can probably figure this out pretty quickly (or just post a screenshot of the line & some context, even if it's the transpiled JS and not TS)

[nixjs]

I found out that the error is in package @irys/web-upload-ethereum, the part related to the InjectedTypedEthereumSigner method.

which method? if you tell me which I can probably figure this out pretty quickly (or just post a screenshot of the line & some context, even if it's the transpiled JS and not TS)

You can run the source code on my github and connect wallet to see the error.