🔮 Scaffold AlchemyInteracting with your Smart Contracts

useScaffoldWatchContractEvent

Use this hook to subscribe to events emitted by your smart contract, and receive real-time updates when these events are emitted.

Use this hook to subscribe to events emitted by your smart contract, and receive real-time updates when these events are emitted.

ts
1useScaffoldWatchContractEvent({
2  contractName: "YourContract",
3  eventName: "GreetingChange",
4  // The onLogs function is called whenever a GreetingChange event is emitted by the contract.
5  // Parameters emitted by the event can be destructed using the below example
6  // for this example: event GreetingChange(address greetingSetter, string newGreeting, bool premium, uint256 value);
7  onLogs: (logs) => {
8    logs.map((log) => {
9      const { greetingSetter, value, premium, newGreeting } = log.args;
10      console.log(
11        "📡 GreetingChange event",
12        greetingSetter,
13        value,
14        premium,
15        newGreeting,
16      );
17    });
18  },
19});

This example subscribes to the GreetingChange event emitted by the YourContract smart contract and logs the parameters from the event to the console when it’s emitted.

This hook is a wrapper around wagmi’s useWatchContractEvent.

Configuration

ParameterTypeDescription
contractNamestringName of the contract to read from.
eventNamestringName of the event to read.
onLogsfunctionCallback function to execute when the event is emitted. Accepts an array of logs that occurred during the pollingInterval set at scaffold.config.ts. Each array item contains an args property, which can be destructured to get the parameters emitted by the event. This function can customized according to your needs.
chainId (optional)stringId of the chain the contract lives on. Defaults to targetNetworks[0].id/

It is recommended to setState using updater function in the onLogs function to avoid problems due to caching.