CRITICAL: web3modal.com iOS 15 breaks walletconnect (Metamask)

After upgrading to iOS 15 (coincidence?) there appears to be some kind of problem between web3modal and bridge.walletconnect.org (Metamask)

To reproduce:

• Go to wbe3modal.com
• Click connect
• Select WalletConnect
• Tap Metamask
• Approve Connection
• Browser crashes

The following is from the developer console in Safari

[Log] wallet connect (main.24d3029c.chunk.js, line 2)
[Log] wc:f5a2b5e0-01e3-4db7-981f-75a2b955df89@1?bridge=https%3A%2F%2Fbridge.walletconnect.org&key=d605eb3797f8017ea76222ea4a15d05994d47c682e702e9dacc27ee53ddafc15 (2.e7cb8767.chunk.js, line 2)
[Error] WebSocket connection to 'wss://bridge.walletconnect.org/' failed: The operation couldn’t be completed. (kNWErrorDomainPOSIX error 100 - Protocol error)

In my own reactjs app, I’m seeing this …

Unhandled Rejection (TypeError): undefined is not an object (evaluating '_walletconnect_environment__WEBPACK_IMPORTED_MODULE_0__["getSubtleCrypto"]().importKey')
(anonymous function)
src/lib/browser.ts:44
  41 | export async function browserHmacSha256Sign(key, data) {
  42 |     const subtle = env.getSubtleCrypto();
  43 |     const cryptoKey = await browserImportKey(key, HMAC_BROWSER);
> 44 |     const signature = await subtle.sign({
  45 |         length: HMAC_LENGTH,
  46 |         name: HMAC_BROWSER,
  47 |     }, cryptoKey, data);

[HaiDang666]

Have u resolved this ?

Update:

I’ve solved this by using https because getSubtleCrypto returns global.crypto.subtle and in the insecure mode http, it’s undefined.

[benjaminlim00]

I am facing the same error on IOS but on google chrome as well. After selecting metamask, it triggers the app to open but nothing happens after that