T
tRPC

Transformers not transforming data (trpc-sveltekit)

Transformers not transforming data (trpc-sveltekit)

Ssudoer_with_an_opinion
View on Discord
8/31/2023
I'm having some trouble getting superjson to do its magic with tRPC & SvelteKit. I have a client.ts file that looks like this: 
import superjson from 'superjson';
import { type TRPCClientInit, createTRPCClient } from 'trpc-sveltekit';
import type { Router } from '$lib/trpc/router';
let browserClient: ReturnType<typeof createTRPCClient<Router>>;
export function trpc(init?: TRPCClientInit) {
  const isBrowser = typeof window !== 'undefined';
  if (isBrowser && browserClient) return browserClient;
  const client = createTRPCClient<Router>({ init, transformer: superjson });
  if (isBrowser) browserClient = client;
  return client;
}
import superjson from 'superjson';
import { type TRPCClientInit, createTRPCClient } from 'trpc-sveltekit';
import type { Router } from '$lib/trpc/router';
let browserClient: ReturnType<typeof createTRPCClient<Router>>;
export function trpc(init?: TRPCClientInit) {
  const isBrowser = typeof window !== 'undefined';
  if (isBrowser && browserClient) return browserClient;
  const client = createTRPCClient<Router>({ init, transformer: superjson });
  if (isBrowser) browserClient = client;
  return client;
}
And a t.ts file that looks like this: 
import { initTRPC } from '@trpc/server';
import superjson from 'superjson';
import type { Context } from '$lib/trpc/context';
export const t = initTRPC.context<Context>().create({
  transformer: superjson
});
import { initTRPC } from '@trpc/server';
import superjson from 'superjson';
import type { Context } from '$lib/trpc/context';
export const t = initTRPC.context<Context>().create({
  transformer: superjson
});
Despite including the transformer in both of these, I do not see data being transformed. Am I missing a place to add the transform function? For added contextm this is one of my routers... 
import { Punch } from '$lib/models'; // Sequelize Model
import { auth } from '$lib/trpc/middleware/auth';
import { t } from '$lib/trpc/t';
const router = t.router({
  lastPunch: t.procedure.use(auth).query(async ({ ctx }) => {
    return Punch.findOne({
      where: { user_id: ctx.session?.user.id }
    }).then((result) => {
      return result; // instance of Punch or NULL
    });
  }),
});
import { Punch } from '$lib/models'; // Sequelize Model
import { auth } from '$lib/trpc/middleware/auth';
import { t } from '$lib/trpc/t';
const router = t.router({
  lastPunch: t.procedure.use(auth).query(async ({ ctx }) => {
    return Punch.findOne({
      where: { user_id: ctx.session?.user.id }
    }).then((result) => {
      return result; // instance of Punch or NULL
    });
  }),
});
I have changed from superJSON to trpc-transformer to no avail.

Looking for more? Join the community!

T
tRPC

Transformers not transforming data (trpc-sveltekit)

Join Server
Recommended Posts
Issue Inferring Type on Frontend with ElectroDB Query Return StatementHi all, I am using ElectroDB to work with DynamoDB, and I have a Lambda function that uses tRPC thaWrong JSON response when deployedWhen testing in localhost in dev mode there is no issue and the response is correct as expected. BuExternal callsHi! I am using T3 stack, tRPC together with clerk, and i need to create users within the app, being Need help identifying the generic client side type of proceduresHi! I think my question is better explained by what I'm trying to achive than anything else: I likIs there a way to use versioning for procedures?I want to make multiple versions (v1 / v2) for a procedure, can i do it in procedure level?createSSGHelpersI'm trying to fetch data in getStaticProps and getting the issue "Promise<{ paths: { params: { id: n