[bug] ENS IPFS avatars cannot be loaded

[sprice]

Is there an existing issue for this?

• I have searched the existing issues

Package Version

0.1.2

Current Behavior

Using the example code from https://wagmi-xyz.vercel.app/guides/connect-wallet, I am connecting to my Ethereum wallet which has an ENS entry

The avatar does not display and the console reads Fetch API cannot load ipfs://QmPMc4tcBsMqLRuCQtPmPe84bpSjrC3Ky7t3JWuHXYB4aS/8929. URL scheme "ipfs" is not supported.

Expected Behavior

That my ENS avatar displays correctly

Steps To Reproduce

Run the example code from the wagmi docs (https://wagmi-xyz.vercel.app/guides/connect-wallet) and connect to an Ethereum address that has an ENS entry with an avatar set according to these docs

Anything else?

This package is amazing! Thank you.

[sprice]

I just realized i can connect to Metamask on the https://wagmi-xyz.vercel.app/guides/connect-wallet page and the same error occurs in the Console.

[0xOlias]

The ENS avatar field format spec supports several URI types, most of which are not compatible with <img> tags out-of-the-box. If you're looking for a quick and effective solution, take a look at the davatar library.

I think the wagmi docs should probably remove the incorrect usage of the ENS avatar <img> tag from the guide. wagmi could also consider offering a <img>-ready URI by re-implementing some of the functionality of davatar, but I'm not sure if that's aligned with wagmi's goals.

[peduarte]

semiwhat related: #33

[tmm]

Fixed as of [email protected] ethers-io/ethers.js#2271 (comment)

[github-actions]

This issue has been locked since it has been closed for more than 14 days.

If you found a concrete bug or regression related to it, please open a new bug report with a reproduction against the latest wagmi version. If you have any other comments you can create a new discussion.