Error when passing an object in Server Actions if the object contains a BigInt

[Lqm1]

Summary

I think it's possible to pass a BigInt argument directly to Server Actions, but passing an object with a BigInt value causes a serialization error.

Error: Do not know how to serialize a BigInt

Additional information

No response

Example

No response

[icyJoseph]

Could you should some pseudocode? I think with a button that calls a server function with bigint as you describe and it worked.

What Next.js version did you use?

[Lqm1]

This is a rough code, so there may be some mistakes, but it looks like this.

"use server";

export interface Options {
  a: string;
  b: number;
  c: bigint;
}

export async function calc(options: Options) {
  return options;
}

"use client";

import { calc } from "actions";

export default function ClientPage() {
  const serverCalc = async (a: string, b: number, c: bigint) => {
    const response = await calc({ a, b, c }); // Error
  };

  return (
    <button onClick={() => calc("a", 1, 1n)}>test</button>
  )
}

[icyJoseph]

What Next.js version is this?

[icyJoseph]

It works fine on this Stackblitz: https://stackblitz.com/edit/nextjs-zvynquen?file=app%2Fclient.tsx,app%2Factions.ts,app%2Fpage.tsx,app%2Fglobals.css,tsconfig.json

I'll try a local version just in case

[Lqm1]

I'm so sorry.
I was wrong. I use a combination of Tanstack Query and Server Actions to retrieve data, but the problem was with Tanstack Query, not Server Actions.
Passing an Object containing a BigInt to queryKey seems to cause an error. Solved with Object Hash package.
Thank you very much.