Scanning documentation library
Scanning documentation library
Scanning documentation library
This page previously contained ethers.js-centric examples. Ring clones now use Wagmi v3 + viem with a Wagmi-native wallet UI (no RainbowKit).
Use this instead:
Minimal client pattern:
'use client'
import { useConnection, useConnect, useConnectors } from 'wagmi'
export function Example() {
const { address, isConnected } = useConnection()
const connect = useConnect()
const connectors = useConnectors()
if (!isConnected) {
return (
<button
type="button"
onClick={() => connect.mutate({ connector: connectors[0] })}
>
Connect
</button>
)
}
return <span>{address}</span>
}This page previously contained ethers.js-centric examples. Ring clones now use Wagmi v3 + viem with a Wagmi-native wallet UI (no RainbowKit).
Use this instead:
Minimal client pattern:
'use client'
import { useConnection, useConnect, useConnectors } from 'wagmi'
export function Example() {
const { address, isConnected } = useConnection()
const connect = useConnect()
const connectors = useConnectors()
if (!isConnected) {
return (
<button
type="button"
onClick={() => connect.mutate({ connector: connectors[0] })}
>
Connect
</button>
)
}
return <span>{address}</span>
}This page previously contained ethers.js-centric examples. Ring clones now use Wagmi v3 + viem with a Wagmi-native wallet UI (no RainbowKit).
Use this instead:
Minimal client pattern:
'use client'
import { useConnection, useConnect, useConnectors } from 'wagmi'
export function Example() {
const { address, isConnected } = useConnection()
const connect = useConnect()
const connectors = useConnectors()
if (!isConnected) {
return (
<button
type="button"
onClick={() => connect.mutate({ connector: connectors[0] })}
>
Connect
</button>
)
}
return <span>{address}</span>
}