protential page crach when tx.wait() and switching chain simultaneously

[coverlv]

Ethers Version

6.11.1

Search Terms

No response

Describe the Problem

assumption: A-chain's block number is extremely higher then B-chain's

Reproduction steps:

1. switch to A-chain
2. send transaction
3. tx.wait()
4. switch to B-chain
5. stall for 3s
6. switch back to A-chain
7. page crashes

online demo

https://codesandbox.io/p/devbox/festive-cohen-8t7d6c

in this demo, sepolia(A)'s block number is 6498382 much higher than cronos_zkevm(B)'s block number (213236).

the possible cause I found is related to PollingBlockSubscriber, it will run a long foreach loop in this case, refer to this line:

for (let b = this.#blockNumber + 1; b <= blockNumber; b++) {
   // ...
    await this.#provider.emit("block", b);
}

Code Snippet

const provider = new BrowserProvider(window.ethereum);
    const signer = await provider.getSigner();
    const contract = new BaseContract(
      "...",
      erc20Api,
      signer
    );
    const tx = await contract.approve(
      "...",
      10
    );

    tx.wait();

    await window.ethereum.request({
      method: "wallet_switchEthereumChain",
      params: [
        {
          chainId: "0x11a",
        },
      ],
    });

    await sleep(3000);

    await window.ethereum.request({
      method: "wallet_switchEthereumChain",
      params: [
        {
          chainId: "0xaa36a7",
        },
      ],
    });

Contract ABI

No response

Errors

page crashes

Environment

Browser (Chrome, Safari, etc)

Environment (Other)

No response