web3modal icon indicating copy to clipboard operation
web3modal copied to clipboard

[bug] Browser rendering fails when using @reown_appkit-siwx in Vite + React

Open yungyoseo opened this issue 1 month ago • 1 comments

Link to minimal reproducible example

https://github.com/yungyoseo/siwx-test.git

Steps to Reproduce

  1. Create a Vite + React + TypeScript project.
  2. Install @reown/appkit/react, @reown/appkit-siwx, @reown/appkit-adapter-wagmi, wagmi, @tanstack/react-query.
  3. Copy the AppKitProvider code and include siwx: new DefaultSIWX() in createAppKit.
  4. Run the dev server and open the project in a browser.
  5. UI fails to render; console shows: Uncaught TypeError: Cannot read properties of undefined (reading 'slice') at readable-stream/_stream_writable.js:57

Summary

Expected Behavior:

  • AppKitProvider initializes correctly and app renders normally.

Actual Behavior:

  • Adding siwx: new DefaultSIWX() causes AppKitProvider initialization to fail.
  • App does not render, console shows: Uncaught TypeError: Cannot read properties of undefined (reading 'slice') at readable-stream/_stream_writable.js:57
  • Removing siwx fixes the issue.

List of related npm package versions

npm list

├── @coinbase/[email protected] ├── @eslint/[email protected] ├── @reown/[email protected] ├── @reown/[email protected] ├── @reown/[email protected] ├── @tanstack/[email protected] ├── @types/[email protected] ├── @types/[email protected] ├── @types/[email protected] ├── @vitejs/[email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] └── [email protected]

Node.js Version

v24.0.0

Package Manager

[email protected]

yungyoseo avatar Nov 22 '25 18:11 yungyoseo

APKT-4294

linear[bot] avatar Nov 22 '25 18:11 linear[bot]