inputs.data undefined after passing through transformer.deserialize

[af4oz]

I am using superjson transformer.

// from trpc-playground

await mutation('user.signUp',{
  data: {
    password: "123",
    name: "123213",
    email: "[email protected]"
  }
})

It throws invalid type,expected object, received undefined error.

below are few observations from console.logging trpc-server/dist:

POST /trpc/user.signUp {
  '0': {
    data: { password: '123', name: '123213', email: '[email protected]' }
  }
}
{ bodyResult: { ok: true, data: { '0': [Object] } } }
{ rawInput: { '0': { data: [Object] } }, type: 'object' }

//  within `getInputs`  and before `deserializeInputValue`
{
  rawValue: {
    data: { password: '123', name: '123213', email: '[email protected]' }
  },
  type: 'object'
}

// after `getInputs`
{ inputs: { '0': undefined } }

[KATT]

Sorry, what is the question?

Please make a reproduction issue.

I find it very unlikely that basic mutations would be broken, they're tested hundreds of times

[KATT]

If you use superjson, you have to send a superjson compat object

https://github.com/blitz-js/superjson#basic-usage

Unsure why you're calling trpc routes directly without a trpc client? That's the real question here

[KATT]

If you're using a client, you also need to add the transformer there

[KATT]

Unsure if the trpc playground supports transformers - @sachinraja?

[sachinraja]

It does not unless you're using preact, in which case you could use a component instead of the pre-compiled HTML build. Ideally I could compile for react too, but I haven't gotten around to it. A quick fix I could do would be offering an option to use superjson, I'll try to get around to doing one of the above soon, but I'm very busy atm.

[sachinraja]

I've added an option to use the superjson transformer in tRPC Playground @zkindest. You can add it to your config like this:

app.use(
    playgroundEndpoint,
    await expressHandler({
      trpcApiEndpoint,
      playgroundEndpoint,
      router: appRouter,
      request: {
        superjson: true,
      },
    }),
  )

There's a bit of a complex bundling pipeline so it's not really feasible to offer a React component here (typescript is a bundled dependency).