Converting circular structure to JSON error on tRPC

Question

Using the t3-stack (Next, tRPC, Prisma, Next-auth, Typescript)

tRPC failed on undefined: TRPCError: Converting circular structure to JSON
    --> starting at object with constructor 'RequestHandler'
    |     property 'client' -> object with constructor 'PrismaClient'
    --- property '_fetcher' closes the circle

repo link: https://github.com/gabrielforster/my-portfolio (develop branch)

score 0 · Answer 1 · answered Jan 15 '23 at 22:39

Ran into the same error, in my case it was because I wasn't destructing my input value. Otherwise, it looks like it tries to serialize the entire context, including your PrismaClient etc.

Changing:

    .query(async (input) => {

to:

    .query(async ({ input }) => {

fixed my issue

  dataQuery: publicProcedure
    .input(QueryInputValidator)
    .output(QueryOutputValidator)
    .query(async ({ input }) => {
      return requestBackendEnv<QueryOutput>({
        url: "query/",
        method: "POST",
        body: input,
      });
    }),

Converting circular structure to JSON error on tRPC

1 Answers1