[BUG] using connectkit in my nextjs app router project has broken dependencies when building

[ahmadmeselmani]

Describe the bug
I used the family docs to create a walletconnect in my app but it has errors something realted to metamask sdk I'll provide my terminal output hope to get response asap :)

Note: this happend in dev and prod environments.

To reproduce

` Creating an optimized production build ...
⚠ Compiled with warnings

./node_modules/.pnpm/@MetaMask+sdk@0.30.1_bufferutil@4.0.8_react-dom@19.0.0-rc-66855b96-20241106_react@19.0.0-rc-6_apfv4igjsem3j6lyekegrx2iya/node_modules/@metamask/sdk/dist/node/es/metamask-sdk.js
Module not found: Can't resolve 'encoding' in 'C:\Users\asm\Desktop\MyFiles\Testing\next-web3\node_modules.pnpm@metamask+sdk@0.30.1_bufferutil@4.0.8_react-dom@19.0.0-rc-66855b96-20241106_react@19.0.0-rc-6_apfv4igjsem3j6lyekegrx2iya\node_modules@metamask\sdk\dist\node\es'

Import trace for requested module:
./node_modules/.pnpm/@MetaMask+sdk@0.30.1_bufferutil@4.0.8_react-dom@19.0.0-rc-66855b96-20241106_react@19.0.0-rc-6_apfv4igjsem3j6lyekegrx2iya/node_modules/@metamask/sdk/dist/node/es/metamask-sdk.js
./node_modules/.pnpm/@Wagmi+connectors@5.4.0_@types+react@18.3.12_@wagmi+core@2.14.6_@tanstack+query-core@5.60.6_@jtjvwwjdyrouo2qcqnsix2wr5a/node_modules/@wagmi/connectors/dist/esm/metaMask.js
./node_modules/.pnpm/@Wagmi+connectors@5.4.0@types+react@18.3.12_@wagmi+core@2.14.6_@tanstack+query-core@5.60.6_@jtjvwwjdyrouo2qcqnsix2wr5a/node_modules/@wagmi/connectors/dist/esm/exports/index.js
./node_modules/.pnpm/connectkit@1.8.2@babel+core@7.26.0_@tanstack+react-query@5.60.6_react@19.0.0-rc-66855b96-202_zlifjkjezoebwbu3eif7fkkl7y/node_modules/connectkit/build/index.es.js
./src/app/page.tsx

./node_modules/.pnpm/pino@7.11.0/node_modules/pino/lib/tools.js
Module not found: Can't resolve 'pino-pretty' in 'C:\Users\asm\Desktop\MyFiles\Testing\next-web3\node_modules.pnpm\pino@7.11.0\node_modules\pino\lib'

Import trace for requested module:
./node_modules/.pnpm/pino@7.11.0/node_modules/pino/lib/tools.js
./node_modules/.pnpm/pino@7.11.0/node_modules/pino/pino.js
./node_modules/.pnpm/@WalletConnect+logger@2.1.2/node_modules/@walletconnect/logger/dist/index.es.js
./node_modules/.pnpm/@WalletConnect+universal-provider@2.17.0_bufferutil@4.0.8_utf-8-validate@5.0.10/node_modules/@walletconnect/universal-provider/dist/index.es.js
./node_modules/.pnpm/@WalletConnect+ethereum-provider@2.17.0_@types+react@18.3.12_bufferutil@4.0.8_react@19.0.0-rc_gjjy3lr2r2ati4vvhyywgehpzq/node_modules/@walletconnect/ethereum-provider/dist/index.es.js
./node_modules/.pnpm/@Wagmi+connectors@5.4.0_@types+react@18.3.12_@wagmi+core@2.14.6_@tanstack+query-core@5.60.6_@jtjvwwjdyrouo2qcqnsix2wr5a/node_modules/@wagmi/connectors/dist/esm/walletConnect.js
./node_modules/.pnpm/@Wagmi+connectors@5.4.0@types+react@18.3.12_@wagmi+core@2.14.6_@tanstack+query-core@5.60.6_@jtjvwwjdyrouo2qcqnsix2wr5a/node_modules/@wagmi/connectors/dist/esm/exports/index.js
./node_modules/.pnpm/connectkit@1.8.2@babel+core@7.26.0_@tanstack+react-query@5.60.6_react@19.0.0-rc-66855b96-202_zlifjkjezoebwbu3eif7fkkl7y/node_modules/connectkit/build/index.es.js
./src/app/page.tsx`

[cjkihl]

I get the same error

[Shubham-Rasal]

Same here. Downgrading of the metamask sdk version to 0.30.0 works for rainbow kit but not for connectkit