[bug] Metamask icon is undefined and name is not user friendly

[val-o]

Link to minimal reproducible example

https://codesandbox.io/p/sandbox/98s68n

Summary

Steps:

• Connect metamask wallet
• Check console

Expected Output: {name: "Metamask", icon: "someUrl"}
Got: {name: 'io.metamask'}

This is due to a bad mapping between wagmi's connector.type field ('injected') and appKit's contants value which is uppercased version of the same string "INJECTED"

The exact location where the condition fails and fallsback to connector id(io.metamask) -

appkit/packages/appkit/src/client.ts

Line 1624 in da5c761

providerType === UtilConstantsUtil.CONNECTOR_TYPE_INJECTED

This leads to skipping downoading metadata with proper name and icon

List of related npm package versions

"wagmi": "^2.13.4",
"typescript": "4.4.4",
"@reown/appkit": "^1.6.3",
"@reown/appkit-core": "^1.6.3",
"@reown/appkit-adapter-solana": "^1.6.3",
"@reown/appkit-adapter-wagmi": "^1.6.3",
"@tanstack/react-query": "^5.24.1"

Node.js Version

22

Package Manager

pnpm

[linear]

APKT-1868 [bug] Metamask icon is undefined and name is not user friendly