kstulgys
kstulgys13mo ago

Why webhooks does not work with TRPC?

I have a what suppose to be a webhook:
deposit: publicProcedure.input(z.any()).mutation(async ({ ctx, input }) => {
console.log(input);
return { input };
}),
deposit: publicProcedure.input(z.any()).mutation(async ({ ctx, input }) => {
console.log(input);
return { input };
}),
When I POST to this endpoint it responds with:
{
"result": {
"data": {
"json": {
"input": null
},
"meta": {
"values": {
"input": [
"undefined"
]
}
}
}
}
}
{
"result": {
"data": {
"json": {
"input": null
},
"meta": {
"values": {
"input": [
"undefined"
]
}
}
}
}
}
Why? console logs undefined on the server.
5 Replies
Nick
Nick13mo ago
It’s because you have a transformer set up, that’s the transformer format
kstulgys
kstulgysOP13mo ago
well, same thing without transformer:
{
"result": {
"data": {}
}
}
{
"result": {
"data": {}
}
}
NEO
NEO13mo ago
import { buffer } from "micro";

const stripeWebhook = publicProcedure
.meta({
openapi: {
method: "POST",
path: "/stripe-webhook",
},
})
.input(z.void())
.output(
z.object({
status: z.string(),
})
)
.mutation(async ({ ctx }) => {
const buf = await buffer(ctx.req);
const request = buf.toString("utf8");
});
import { buffer } from "micro";

const stripeWebhook = publicProcedure
.meta({
openapi: {
method: "POST",
path: "/stripe-webhook",
},
})
.input(z.void())
.output(
z.object({
status: z.string(),
})
)
.mutation(async ({ ctx }) => {
const buf = await buffer(ctx.req);
const request = buf.toString("utf8");
});
this is how I handle my stripe webhook, the body is somewhere is request you'll have to figure it out
Nick
Nick13mo ago
Undefined keys get dropped from normal JSON serialisation, so that also looks correct You haven’t said if you’re posting any body to the mutation, so I have to assume it’s just a straight post
kstulgys
kstulgysOP13mo ago
actually it's working, all good
deposit: publicProcedure.input(z.any()).mutation(({ ctx, input }) => {
console.log(input);
return { input };
}),
deposit: publicProcedure.input(z.any()).mutation(({ ctx, input }) => {
console.log(input);
return { input };
}),
{
"result": {
"data": {
"input": {
"hello": "world"
}
}
}
}
{
"result": {
"data": {
"input": {
"hello": "world"
}
}
}
}
I've been posting to this endpoint without content-type: application/json header before.