Web3Modal

Integrate OneKey with Web3Modal (EVM)

Docs

• Official docs: https://docs.walletconnect.com/web3modal/about

Install

npm install @web3modal/wagmi [email protected] [email protected]
# or
yarn add @web3modal/wagmi [email protected] [email protected]

Configure OneKey

Add OneKey to featuredWalletIds and includeWalletIds.

createWeb3Modal({
  wagmiConfig,
  projectId,
  chains,
  featuredWalletIds: [
    // OneKey Wallet Id, see https://explorer.walletconnect.com/onekey
    "1aedbcfc1f31aade56ca34c38b0a1607b41cccfa3de93c946ef3b4ba2dfab11c",
  ],
  includeWalletIds: [
    // OneKey Wallet Id, see https://explorer.walletconnect.com/onekey
    "1aedbcfc1f31aade56ca34c38b0a1607b41cccfa3de93c946ef3b4ba2dfab11c",
  ],
});

Quickstart / Demo

• Demo: https://codesandbox.io/embed/xd9wjd?module=/src/App.tsx&view=Editor+++Preview

Related

• React + wagmi (hooks-based integration): Guide