Bug: Stackblitz (WebContainers): Uncaught TypeError: Class extends value undefined is not a constructor or null

[scscgit]

Describe the bug

Stackblitz (WebContainers): Uncaught TypeError: Class extends value undefined is not a constructor or null

Steps

Repro: https://stackblitz.com/edit/nuxt-examples-bpefu2?file=app.vue

1. Create a Stackblitz (WebContainers) project. In this case, it's a Nuxt 3 project with disabled server side rendering. (Stackblitz requires browser configuration for "Sites that can always use cookies".)
2. Install "@coinbase/wallet-sdk": "^3.9.0" or older version
3. In script file (<script setup> in app.vue), import CoinbaseWalletSDK from "@coinbase/wallet-sdk";

Actual behavior: error at @coinbase_wallet-sdk.js?v=75fb9835:14925, it doesn't matter if the browser extension is installed.

Uncaught TypeError: Class extends value undefined is not a constructor or null
    at node_modules/@metamask/safe-event-emitter/index.js (@coinbase_wallet-sdk.js?v=75fb9835:14925:51)
    at __require (chunk-CF3WPAMV.js?v=75fb9835:9:50)
    at node_modules/eth-block-tracker/dist/BaseBlockTracker.js (@coinbase_wallet-sdk.js?v=75fb9835:14975:49)
    at __require (chunk-CF3WPAMV.js?v=75fb9835:9:50)
    at node_modules/eth-block-tracker/dist/PollingBlockTracker.js (@coinbase_wallet-sdk.js?v=75fb9835:19732:30)
    at __require (chunk-CF3WPAMV.js?v=75fb9835:9:50)
    at node_modules/eth-block-tracker/dist/index.js (@coinbase_wallet-sdk.js?v=75fb9835:19912:19)
    at __require (chunk-CF3WPAMV.js?v=75fb9835:9:50)
    at node_modules/@coinbase/wallet-sdk/dist/provider/SubscriptionManager.js (@coinbase_wallet-sdk.js?v=75fb9835:22633:31)
    at __require (chunk-CF3WPAMV.js?v=75fb9835:9:50)

Expected behavior

Library should work in Stackblitz. Preferably, an example could be added under https://docs.cloud.coinbase.com/wallet-sdk/docs/sample-applications in addition to CodeSandbox, which is less accessible (e.g. even requires a registration to edit files, plus can be difficult to run commands).

Version

3.9.0

Additional info

No response

Desktop

OS: Windows 10
Browser: Google Chrome: 118.0.5993.117

Smartphone

No response

[GuillermoBlasco]

Went to this error as well.

Found this issue that looked similar: vitejs/vite#9703

And this worked: vitejs/vite#9703 (comment)

npm i events

Doing vite+svelte. Not sure if what solved my issue may solve this issue.

[bangtoven]

please try sdk 4.0