Actions
Sometimes the declarative nature of React Hooks doesn't work for parts of your app. For those cases, you can use Wagmi Core Actions directly!
All the Wagmi Core Actions are importable using the wagmi/actions
entrypoint. For example, you can use the watchBlockNumber
action to watch for block number changes.
ts
import { useConfig } from 'wagmi'
import { watchBlockNumber } from 'wagmi/actions'
import { useEffect } from 'react'
function App() {
const config = useConfig()
useEffect(() => {
return watchBlockNumber(config, {
onBlockNumber(blockNumber) {
console.log('Block number changed!', blockNumber)
},
})
}, [])
}
ts
import { http, createConfig } from 'wagmi'
import { mainnet, sepolia } from 'wagmi/chains'
export const config = createConfig({
chains: [mainnet, sepolia],
transports: {
[mainnet.id]: http(),
[sepolia.id]: http(),
},
})
See the Wagmi Core docs for more info on what actions are available.