await channelProvider.mountWalletComponent(...) never returns

[xklob]

Scope: mounting the x-state wallet as per the instructions in the quick start - dapp section

Summary: Mounting the wallet component as per the instructions, even without the trailing slash as described in issue statechannels/statechannels#2563 , never returns if called with await

Steps to reproduce the behavior:

1. Create a simple app following the instructions as per the quick start. **Make sure that the trailing slash is removed in the url for the x-state wallet. (see channelProvider.mountWalletComponent(...) fails if there is a trailing slash on the url statechannels#2563)
2. Bundle/webpack/etc and serve a compiled simple app with a button to enable the wallet. Run on port 80 to avoid CORS issues.

Because the await statement never returns, my code never gets to the second line below to enable() the channel provider:

  await window.channelProvider.mountWalletComponent('https://xstate-wallet.statechannels.org')
  await window.channelProvider.enable()

Note that I can still enable the channel provider in the browser by using the console and running the command:
window.channelProvider.enable()

[geoknee]

Hi @ditchfieldcaleb thanks for posting this issue!

Could you please try the updated xstate-wallet url as per statechannels/statechannels#2560 , and let me know if you fare any better? I suspect the issue is that the iframe-channel-provider is "ahead" of the wallet you are pointing at, and there have been breaking changes.