feat: update wagmi permissionless and viem #2341
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
| "private": true, | ||
| "scripts": { | ||
| "dev": "next dev", | ||
| "dev": "next dev --webpack", |
There was a problem hiding this comment.
nextjs 16 is using turbopack by default which causes issue on the demo
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
| const { signMessageAsync, data: signedMessageData } = useSignMessage(); | ||
| const { address, isConnected: isWagmiConnected } = useAccount(); | ||
| const { mutateAsync: signMessageAsync, data: signedMessageData } = useSignMessage(); | ||
| const { address, isConnected: isWagmiConnected } = useConnection(); |
There was a problem hiding this comment.
Wrong hook used for account address and connection status
Medium Severity
The migration from useAccount to useConnection may be incorrect. According to wagmi documentation, useAccount is the hook for getting account information including address and isConnected. The useConnection hook has a different purpose and return type. The Vue demo uses { status, address } from useConnection (with status, not isConnected), suggesting the React code's attempt to destructure isConnected from useConnection may not work correctly, potentially causing the wagmi connection status to always appear disconnected.
Motivation and Context
Jira Link: https://consensyssoftware.atlassian.net/browse/W3APD-5237?atlOrigin=eyJpIjoiN2NmMDcxN2MzZTdlNDhiOWI0MTVkNWJlNDExNTM4MmUiLCJwIjoiaiJ9
Description
Updated wagmi to v3 and fixed deprecated exports
Updated viem and permissionless
How has this been tested?
Screenshots (if appropriate):
Types of changes
Checklist:
Note
Migrates demo code to wagmi v3 patterns and updates Next.js setup.
components/Main.tsx(Next.js SSR demo) to wagmi v3: replaceuseAccountwithuseConnection, introduceuseChains, and switch tomutate/mutateAsyncsignatures foruseSwitchChain,useSignMessage, anduseSignTypedDataapp/layout.tsxasync andawait headers()beforecookieToWeb3AuthStatefor initial Web3Auth stateeslint.config.mjs) with Next core-web-vitalsnext-env.d.tsto include Next route types and updated docs linkWritten by Cursor Bugbot for commit ae93ea4. This will update automatically on new commits. Configure here.