I'm a beginner with next.js and I'm currently working on a website that utilizes web3 technology, so I need to incorporate thirdweb.
My first step was running the following command to add thirdweb to my project:
yarn add @thirdweb-dev/react @thirdweb-dev/sdk ethers
Next, I made changes to app.tsx with these lines of code:
import '../styles/globals.css'
import type { AppProps } from 'next/app'
import { ChainId, ThirdwebProvider } from "@thirdweb-dev/react"
function MyApp({ Component, pageProps }: AppProps) {
return (
<ThirdwebProvider desiredChainId={ChainId.Rinkeby}>
<Component {...pageProps} />
</ThirdwebProvider>
)
}
export default MyApp
However, I encountered the following error:
Call Stack
webSocket.onclose node_modules@coinbase\wallet-sdk\dist\connection\RxWebSocket.js (50:0)
Can someone please assist me with resolving this issue?