[bug] METAMASK CONNECT FAILED: ConnectorController.setConnectors: Not possible to add connector

[vis1onn]

Link to minimal reproducible example

https://codesandbox.io/p/sandbox/cranky-sara-m9n7qz?workspaceId=a5758ebb-9135-49f0-b708-70855cec901f

Summary

At the moment, there are three conditions in which I cannot connect to Metamask, since the modal window shows that the wallet is not installed

1. Using any iframe on the site that loads before the initialization of the modal connection window - causes an error as shown in the screenshot. Attached a sundbox with reproduction of this bug.
2. Also encountered a similar problem but with GTM. If GTM loads before the connection window - I see the absence of a wallet. Most likely because GTM adds something like a pixel that integrates the iframe to track user actions. so i think its the same case (look at point 1)
3. I also encountered a very strange problem associated with the number of reactive variables in the application. In my case, I added the connection window dynamically - after certain actions, and when my application became much larger (there were more reactive variables), Metamask stopped displaying. I received an error of this format

Problem number 3 will be quite difficult to reproduce, but perhaps it is all somehow connected. And unfortunately I can't show my code so that you can study it

The problem is very critical and I hope it will be solved as soon as possible.

List of related npm package versions

tested on all latest versions, nothing works

"@reown/appkit": "^1.4.0", "@reown/appkit-adapter-ethers": "^1.4.0",

[vis1onn]

same issue https://github.com/reown-com/appkit/issues/3198

[vis1onn]

here is a more detailed description of case number 3

• there is a Vue3 application
• after certain actions, the Vue3 app dynamically loads an ESM script into the body, which integrates a modal window for connecting a wallet const script = document.createElement("script"); script.src = 'esm script to connect wallet'; document.body.appendChild(script);
• here is how esm scipt looks like import { createAppKit } from '@reown/appkit'; import { EthersAdapter } from '@reown/appkit-adapter-ethers'; import { mainnet, zkSync, } from '@reown/appkit/networks'; const modal = createAppKit({...}) modal.open()

[vis1onn]

@rtomas hey! I appreciated your help when you worked at web3auth I would appreciate some help here

[rtomas]

https://linear.app/reown/issue/APKT-1463/[bug]-mematask-not-showing-on-ethers (internal)