bug: metamask connector on mobile cannot open page because address is invalid

[ques122]

Check existing issues

• I checked there isn't already an issue for the bug I encountered.

Describe the bug

Currently, I’m encountering an error when using the MetaMask connector on mobile. It used to work fine, but recently the error started occurring.

Condition: MetaMask wallet is not installed on the mobile device.

Action: Click the button to connect to MetaMask.

Actual:

• On Safari, an error popup says: "Safari cannot open the page because the address is invalid."
• On Chrome, a warning appears about navigation.

Expected: Redirect to the MetaMask App Store.

Please check it for me, thanks!

Link to Minimal Reproducible Example

https://stackblitz.com/edit/new-wagmi-h3iabj?file=src%2Fwagmi.ts

Steps To Reproduce

No response

What Wagmi package(s) are you using?

wagmi, @wagmi/connectors

Wagmi Package(s) Version(s)

2.12.13

Viem Version

2.x

TypeScript Version

^5.3.2

Anything else?

No response

[github-actions]

Hello @ques122.

Please provide a minimal reproduction using StackBlitz, TypeScript Playground (for type issues), or a separate minimal GitHub repository.

Minimal reproductions are required as they save us a lot of time reproducing your config/environment and issue, and allow us to help you faster.

Once a minimal reproduction is added, a team member will confirm it works, then re-open the issue.

[ques122]

Hi @tmm,
I have added a minimal reproduction. Please check it for me, thanks!

[tmm]

Best to track in this upstream issue

MetaMask/metamask-sdk#1042

[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 questions or comments you can create a new discussion thread.