Underlying network changed from Swap Transaction Approver

[Rizwankmc]

Describe the bug

hey I'm using the reown library with the ethers@5.7.2 there versions are -

"@reown/appkit": "^1.6.4", "@reown/appkit-adapter-ethers5": "^1.6.4", "@reown/appkit-wallet-button": "^1.6.4", "ethers": "5.7.2

I have setup the reown configuration and for wallet connect, transaction approve everything works fine. but for the Swap there is an issue. I have tried both -

open Swap modal using the hook -

const {open} = useAppKit(); open({view: 'Swap'});

and with the web component -

but nothing works throw error when approving the transaction.

Error -
{ "eventId": "417be89e-479c-49cb-b04e-0a701db799e9", "url": "http://localhost:3000/profile", "domain": "localhost", "timestamp": 1742794385305, "props": { "type": "track", "event": "SWAP_APPROVAL_ERROR", "properties": { "message": "underlying network changed (event=\"changed\", network={\"chainId\":null,\"name\":\"unknown\"}, detectedNetwork={\"name\":\"matic\",\"chainId\":137,\"ensAddress\":null}, code=NETWORK_ERROR, version=providers/5.7.2)", "network": "eip155:137", "swapFromToken": "USDT", "swapToToken": "POL", "swapFromAmount": "1.26779600000000000000", "swapToAmount": "5.806559", "isSmartAccount": false } } }

My default and only Support network is - Polygon mainnet,

here is the configuration -

`import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
import { BrowserRouter as Router } from "react-router-dom"
import * as serviceWorker from "./serviceWorker";
import { createAppKit } from '@reown/appkit/react'
import { Ethers5Adapter } from '@reown/appkit-adapter-ethers5'
import { polygon } from '@reown/appkit/networks'

// 1. Get projectId
const projectId = ''

// 2. Create a metadata object - optional
const metadata = {
name: 'Name',
description: 'De-Fi gaming app',
url: ', // origin must match your domain & subdomain
icons: ['']
}

// 3. Create the AppKit instance
createAppKit({
adapters: [new Ethers5Adapter()],
featuredWalletIds:[
'c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96',
'fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa',
'4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0'
],
defaultNetwork: polygon,
metadata: metadata,
networks: [polygon],
projectId,
enableCoinbase:true,
coinbasePreference:'eoaOnly',
features: {
analytics: true, // Optional - defaults to your Cloud configuration
connectMethodsOrder:['wallet'],
email:false,
},
enforceNetwork: true,
autoSwitchNetwork: true
})

const root = createRoot(document.getElementById('root'));
root.render(

);

serviceWorker.register();
`

Please check this issue and help me to get it resolve I have tried everything I could to get it working but it seems its not working.

Note - How can I make sure to set the toToken to POL for default??

[arein]

@Rizwankmc can you please upgrade to v1.7.1?
also can you confirm whether you are able to reproduce this on https://appkit-lab.reown.com/library/wagmi/ ?

[Rizwankmc]

I was able to reproduce this on this - https://appkit-lab.reown.com/library/ethers5/
I will give it a try to update the version my latest version is - 1.7.0

[Rizwankmc]

I have updated the version to 1.7.1 for all and still the same error doing the swap from USDT to POL on Polygon chain.

here is the package details -

"@reown/appkit": "1.7.1",
    "@reown/appkit-adapter-ethers5": "1.7.1",
    "@reown/appkit-wallet-button": "1.7.1",
    "ethers": "5.7.2",

[arein]

Can reproduce - the approve fails

swap.mp4

[Rizwankmc]

any update on this?

[arein]

@Rizwankmc yes the fix is in progress

[linear]

APKT-2949 Underlying network changed from Swap Transaction Approver