web3modal
web3modal copied to clipboard
[bug] Browser rendering fails when using @reown_appkit-siwx in Vite + React
Link to minimal reproducible example
https://github.com/yungyoseo/siwx-test.git
Steps to Reproduce
- Create a Vite + React + TypeScript project.
- Install @reown/appkit/react, @reown/appkit-siwx, @reown/appkit-adapter-wagmi, wagmi, @tanstack/react-query.
- Copy the AppKitProvider code and include
siwx: new DefaultSIWX()in createAppKit. - Run the dev server and open the project in a browser.
- 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
siwxfixes 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