Error when try to useBalance with a blockNumber: "TypeError: Do not know how to serialize a BigInt"

[mystist]

Check existing issues

• I checked there isn't already an issue for the bug I encountered.

Describe the bug

  const { data: blockNumber } = useBlockNumber({ watch: true })
  const { data: balanceData, isLoading } = useBalance({ address, blockNumber })

Code like this above will throw error: TypeError: Do not know how to serialize a BigInt

I've checked the reason and a workaround for now might be:

  const { data: blockNumber } = useBlockNumber({ watch: true })

  // wagmi will use the block number as query key of react-query, however, the bigint as key is not supported for now
  // https://github.com/TanStack/query/blob/main/packages/query-core/src/utils.ts#L206
  const { data: balanceData, isLoading } = useBalance({ address, blockNumber: blockNumber?.toString() as any })

Link to Minimal Reproducible Example

No response

Steps To Reproduce

No response

What Wagmi package(s) are you using?

wagmi

Wagmi Package(s) Version(s)

2.12.17

Viem Version

2.x

TypeScript Version

No response

Anything else?

No response

[github-actions]

Hello @mystist.

Please provide a minimal reproduction using StackBlitz, TypeScript Playground (for type issues), or a separate minimal GitHub repository.

Minimal reproductions are required as they save us a lot of time reproducing your config/environment and issue, and allow us to help you faster.

Once a minimal reproduction is added, a team member will confirm it works, then re-open the issue.

[github-actions]

This issue has been locked since it has been closed for more than 14 days.

If you found a concrete bug or regression related to it, please open a new bug report with a reproduction against the latest Wagmi version. If you have any questions or comments you can create a new discussion thread.