Pera fails if imported twice on the same page

[SebastienGllmt]

For an application we're building, we're integrating two developer tools both which come with Pera built-in

However, this leads to the following error

Notably, it seems to be caused by this line of code here:

connect/src/App.ts

Line 14 in 054b66b

window.customElements.define("pera-wallet-connect-modal", PeraWalletConnectModal);

It looks like all the define calls in this function need to be wrapped with a check to see if they're already defined

if (!customElements.get('pera-wallet-connect-modal')) {
  customElements.define('pera-wallet-connect-modal', PeraWalletConnectModal);
}

This code runs twice because even just importing @perawallet/connect calls this code to define all the elements even if Pera is not explicitly used by the dApp as seen here