Next.js + Viem + X Layer Builder Codes

Viem Minimal Verification Page

This page follows the Viem approach from the docs, configuring dataSuffix at the wallet client level. To launch OKX Wallet in the browser, it uses an injected provider with a custom(window.ethereum) transport.

Official Integration Docs Get X Layer Testnet OKB

Doc-Style Viem Example

Connect your wallet and switch to the X Layer network you want to test. The send button will call createWalletClient(..., dataSuffix) to submit the transaction so you can inspect the HEX data in the wallet popup.

Builder Code

Recipient defaults to connected wallet address

WalletDisconnected

NetworkNot connected or not X Layer

Recipient—