Module "buffer" has been externalized for browser compatibility. Cannot access "buffer.Buffer" in client code.

[migbash]

Describe the bug

I am trying to use the V1 package with my Svletekit project and use the WalletConnect package => "@walletconnect/web3-provider".

Getting the following error(s), when simply adding the following package to my project...

---

Module "buffer" has been externalized for browser compatibility. Cannot access "buffer.Buffer" in client code.

Reproduction

https://github.com/migbash/vite-walletconnect-issue

Steps to reproduce

Described in the reproduction-url repo

System Info

System:
    OS: macOS 13.1
    CPU: (8) arm64 Apple M2
    Memory: 86.97 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.17.0 - /usr/local/bin/node
    npm: 8.19.1 - /usr/local/bin/npm
  Browsers:
    Brave Browser: 109.1.47.186
    Chrome: 110.0.5481.100
    Firefox: 109.0
    Safari: 16.2

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sapphi-red]

See https://vitejs.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility as the error describes.