Setup EVM React App with MetaMask Connect

When to use

Use this skill when:

• Creating a new React app that connects to MetaMask via @metamask/connect-evm
• Adding wallet connect, sign, or send functionality to an existing React app
• Setting up createEVMClient with Infura RPC URLs and event handlers
• Building a React component that tracks accounts, chain, and balance state

Workflow

Step 1: Install dependencies

npm install @metamask/connect-evm @metamask/connect-multichain

@metamask/connect-multichain is a regular dependency of @metamask/connect-evm and is installed transitively. (Only the 2.0.0 release briefly made it a peer dependency; 2.1.0 reverted that.) Installing it explicitly is harmless but not required. The SDK warns at runtime if duplicate or mismatched copies are resolved.