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

[mr-meselmani]

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[email protected][email protected]_react-dom@[email protected]_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@[email protected][email protected]_react-dom@[email protected]_apfv4igjsem3j6lyekegrx2iya\node_modules@metamask\sdk\dist\node\es'

Import trace for requested module:
./node_modules/.pnpm/@MetaMask[email protected][email protected]_react-dom@[email protected]_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[email protected]_@jtjvwwjdyrouo2qcqnsix2wr5a/node_modules/@wagmi/connectors/dist/esm/metaMask.js
./node_modules/.pnpm/@Wagmi[email protected]@types+react@18.3.12_@wagmi+core@2.14.6_@tanstack[email protected]_@jtjvwwjdyrouo2qcqnsix2wr5a/node_modules/@wagmi/connectors/dist/esm/exports/index.js
./node_modules/.pnpm/[email protected]@babel+core@7.26.0_@tanstack+react-query@[email protected]_zlifjkjezoebwbu3eif7fkkl7y/node_modules/connectkit/build/index.es.js
./src/app/page.tsx

./node_modules/.pnpm/[email protected]/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\[email protected]\node_modules\pino\lib'

Import trace for requested module:
./node_modules/.pnpm/[email protected]/node_modules/pino/lib/tools.js
./node_modules/.pnpm/[email protected]/node_modules/pino/pino.js
./node_modules/.pnpm/@WalletConnect[email protected]/node_modules/@walletconnect/logger/dist/index.es.js
./node_modules/.pnpm/@WalletConnect[email protected][email protected][email protected]/node_modules/@walletconnect/universal-provider/dist/index.es.js
./node_modules/.pnpm/@WalletConnect+ethereum-provider@2.17.0_@types[email protected]_bufferutil@[email protected]_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[email protected]_@jtjvwwjdyrouo2qcqnsix2wr5a/node_modules/@wagmi/connectors/dist/esm/walletConnect.js
./node_modules/.pnpm/@Wagmi[email protected]@types+react@18.3.12_@wagmi+core@2.14.6_@tanstack[email protected]_@jtjvwwjdyrouo2qcqnsix2wr5a/node_modules/@wagmi/connectors/dist/esm/exports/index.js
./node_modules/.pnpm/[email protected]@babel+core@7.26.0_@tanstack+react-query@[email protected]_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