tRPC (+superjson & ObjectID)

M

mark salsbery•2/22/23, 6:32 PM

Does the client side have/know the ObjectId type?

D

Dani;•2/22/23, 10:54 PM

You can add custom types in superjson: https://github.com/blitz-js/superjson , look at the recipes section

GitHub

GitHub - blitz-js/superjson: Safely serialize JavaScript expression...

Safely serialize JavaScript expressions to a superset of JSON, which includes Dates, BigInts, and more. - GitHub - blitz-js/superjson: Safely serialize JavaScript expressions to a superset of JSON,...

N

Naz•1/21/24, 12:55 AM

Hey @RevolutionWhales did you ever solve this problem? Just ran into it myself, exactly as you described. After adding superjson and using mongoose/mongo, the ObjectId is serialized to the client as a string, but the types on the client still think its an ObjectId.

N

Naz•1/21/24, 12:55 AM

I actually dont care to have it reconstructed as an ObjectId, I'd rather have the typings know its going to be a string

D

Dani;•1/21/24, 1:21 AM

something like this perhaps?

const zodMongoId = z.instanceof(MongoObjectId).transform((val) => val.toString());


someProcedure.output(z.object({
  id: zodMongoId
})

const zodMongoId = z.instanceof(MongoObjectId).transform((val) => val.toString());


someProcedure.output(z.object({
  id: zodMongoId
})

const zodMongoId = z.instanceof(MongoObjectId).transform((val) => val.toString());


someProcedure.output(z.object({
  id: zodMongoId
})

const zodMongoId = z.instanceof(MongoObjectId).transform((val) => val.toString());


someProcedure.output(z.object({
  id: zodMongoId
})

D

Dani;•1/21/24, 1:21 AM

replace MongoObjectId inside

instanceof

instanceof

with mongo's id constructor

D

Dani;•1/21/24, 1:26 AM

this does not require superjson, on frontend

id

id

should properly be typed as a string if you use this helper above

N

Naz•1/21/24, 6:13 AM

That worked beautifully, thank you @Dani;

N

Naz•1/21/24, 6:14 AM

It would be great to not have to do it for every procedure, but itll help

NNaz It would be great to not have to do it for every procedure, but itll help

D

Dani;•1/21/24, 11:33 AM

You can move the zod helper in a different file and import it wherever you need