'use client' import { type Config, type ResolvedRegister, type WatchPendingTransactionsParameters, watchPendingTransactions, } 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 UseWatchPendingTransactionsParameters< config extends Config = Config, chainId extends config['chains'][number]['id'] = config['chains'][number]['id'], > = UnionCompute< UnionExactPartial> & ConfigParameter & EnabledParameter > export type UseWatchPendingTransactionsReturnType = void /** https://wagmi.sh/react/api/hooks/useWatchPendingTransactions */ export function useWatchPendingTransactions< config extends Config = ResolvedRegister['config'], chainId extends config['chains'][number]['id'] = config['chains'][number]['id'], >( parameters: UseWatchPendingTransactionsParameters< config, chainId > = {} as any, ): UseWatchPendingTransactionsReturnType { const { enabled = true, onTransactions, config: _, ...rest } = parameters const config = useConfig(parameters) const configChainId = useChainId({ config }) const chainId = parameters.chainId ?? configChainId const onTransactionsRef = useRef(onTransactions) const onErrorRef = useRef(rest.onError) onTransactionsRef.current = onTransactions 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 (!onTransactionsRef.current) return return watchPendingTransactions(config, { ...(rest as any), chainId, onTransactions: (transactions) => onTransactionsRef.current?.(transactions), onError: (error) => onErrorRef.current?.(error), }) }, [ chainId, config, enabled, /// rest.batch, rest.poll, rest.pollingInterval, rest.syncConnectedChain, ]) }