'use client' import { type Config, type ResolvedRegister, type WatchBlockNumberParameters, watchBlockNumber, } from '@wagmi/core' import type { ConfigParameter, EnabledParameter, UnionCompute, UnionExactPartial, } from '@wagmi/core/internal' import { useEffect, useRef } from 'react' import { useChainId } from './useChainId.js' import { useConfig } from './useConfig.js' export type UseWatchBlockNumberParameters< config extends Config = Config, chainId extends config['chains'][number]['id'] = config['chains'][number]['id'], > = UnionCompute< UnionExactPartial> & ConfigParameter & EnabledParameter > export type UseWatchBlockNumberReturnType = void /** https://wagmi.sh/react/api/hooks/useWatchBlockNumber */ export function useWatchBlockNumber< config extends Config = ResolvedRegister['config'], chainId extends config['chains'][number]['id'] = config['chains'][number]['id'], >( parameters: UseWatchBlockNumberParameters = {} as any, ): UseWatchBlockNumberReturnType { const { enabled = true, onBlockNumber, config: _, ...rest } = parameters const config = useConfig(parameters) const configChainId = useChainId({ config }) const chainId = parameters.chainId ?? configChainId const onBlockNumberRef = useRef(onBlockNumber) const onErrorRef = useRef(rest.onError) onBlockNumberRef.current = onBlockNumber onErrorRef.current = rest.onError // TODO(react@19): cleanup // biome-ignore lint/correctness/useExhaustiveDependencies: `rest` changes every render so only including properties in dependency array useEffect(() => { if (!enabled) return if (!onBlockNumberRef.current) return return watchBlockNumber(config, { ...(rest as any), chainId, onBlockNumber: (blockNumber, prevBlockNumber) => onBlockNumberRef.current?.(blockNumber, prevBlockNumber), onError: (error) => onErrorRef.current?.(error), }) }, [ chainId, config, enabled, /// rest.emitMissed, rest.emitOnBegin, rest.poll, rest.pollingInterval, rest.syncConnectedChain, ]) }