ui: hydrate the react query cache in the client side components

1 files changed, 4 insertions, 1 deletions

diff --git a/packages/web/server/api/trpc.ts b/packages/web/server/api/trpc.ts
index 1f4eb775..7c4af452 100644
--- a/packages/web/server/api/trpc.ts
+++ b/packages/web/server/api/trpc.ts
@@ -1,5 +1,6 @@
 import { TRPCError, initTRPC } from "@trpc/server";
 import { User } from "next-auth";
+import superjson from "superjson";
 
 export type Context = {
   user: User | null;
@@ -9,7 +10,9 @@ export type Context = {
 // since it's not very descriptive.
 // For instance, the use of a t variable
 // is common in i18n libraries.
-const t = initTRPC.context<Context>().create();
+const t = initTRPC.context<Context>().create({
+  transformer: superjson,
+});
 export const createCallerFactory = t.createCallerFactory;
 // Base router and procedure helpers
 export const router = t.router;