What do I do when the transaction is successful through useWriteContract?

[0oooooooo0]

isSuccess can be found through useWaitForTransactionReceipt, but there seems to be no onSuccess option.

export const useWaitForTransactionReceiptTest = (
  hash: Address | undefined,
  { onSuccess, onError }: { onSuccess?: () => void; onError?: () => void } = {},
) => {
  const query = useWaitForTransactionReceipt({
    hash: hash!,
    query: { enabled: hash !== undefined },
  })
  const prevUpdatedAt = useRef<number | undefined>(undefined)

  useEffect(() => {
    // skip
    if (query.status === 'pending') return

    // Already processed
    if (prevUpdatedAt.current !== undefined && prevUpdatedAt.current >= (query.dataUpdatedAt || query.errorUpdatedAt)) return

    prevUpdatedAt.current = query.dataUpdatedAt || query.errorUpdatedAt

    switch (query.status) {
      case 'success':
        onSuccess?.()
        break
      case 'error':
        onError?.()
        break
    }
  }, [query, onSuccess, onError])

  return query
}

I made a hook like this, but is there a better way?

[0oooooooo0]

I created it to pop up a modal when a transaction is successful.

[eliobricenov]

@0oooooooo0 hopefully this can help you #3778 (comment)!

[0oooooooo0]

i love it. thank you bro!! 😍