Getting TypeError while importing Smart Account in React app

[livingrockrises]

Describe the bug

The app starts failing after write import SmartAccount from "@biconomy/smart-account"

[TypeError: Class extends value undefined is not a constructor or null]

To Reproduce Steps to reproduce the behavior:

1. Go to https://github.com/bcnmy/biconomy-sdk-starter-kit
2. Check js/src/App.js or typescript/src/App.tsx
3. import SmartAccount and create an instance new SmartAccount(provider, options)
4. yarn start
5. Front end fails to load with above error

at ./node_modules/messaging-sdk/node_modules/ws/lib/receiver.js (receiver.js:27:1)
    at options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at fn (hot module replacement:62:1)
    at ./node_modules/messaging-sdk/node_modules/ws/lib/websocket.js (websocket.js:15:1)
    at options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at fn (hot module replacement:62:1)
    at ./node_modules/messaging-sdk/node_modules/ws/index.js (index.js:3:1)
    at options.factory (react refresh:6:1)

Expected behavior Smart Account should get initialised properly

Screenshots attached above

Desktop (please complete the following information):

• OS: [e.g. iOS] macos monterey
• Browser [e.g. chrome, safari] chrome

• Version [e.g. 22]

  node v16.14.2

Additional context Import fails for js file

[livingrockrises]

I am checking this https://tinyurl.com/2s3fvk7y there is possibly a circular dependency?

[livingrockrises]

for js this below import works but still facing above issue

const SmartAccount = require("@biconomy/smart-account").default;

[AmanRaj1608]

This might come when you have not configured the ws lib in webpack properly.

For react applications can add stream-browserify in webpack file For Next.js applications add stream-browserify in next.config.js

"stream": require.resolve("stream-browserify"),

[livingrockrises]

something like this what's done in gasless playground?

https://github.com/bcnmy/gasless-playground/pull/1/files

[github-actions[bot]]

This issue has been inactive for 30 days. It will be closed due to inactivity. If this issue is still relevant, please comment to keep it open. Alternatively, you can create a new issue with updated information.