useQuery hook modify data on fetch.

Hello is it possible to modify the data that is fetched with useQuery hook in tRPC basically im storing a json object as a string in the db but after i fetch the string i dont know how to convert it to json properly..
M
Maj•344d ago
also why does my app refetch data from the server everytime i tab out of the browser window and tab back in?.
I
isaac_way•344d ago
by default react query will refetch on window focus. you'll probably want to parse the json into an object before returning it. Zod is pretty nice for this: 
const MyJsonSchema = z.object({
  prop: z.string(),
  prop2: z.number()
})

const JsonStringSchema = z.string().transform(v=>{
  return MyJsonSchema.parse(JSON.parse(v));
})
const MyJsonSchema = z.object({
  prop: z.string(),
  prop2: z.number()
})

const JsonStringSchema = z.string().transform(v=>{
  return MyJsonSchema.parse(JSON.parse(v));
})
And then return JsonStringSchema.parse(databaseObject.jsonStringField) from your procedure
M
Maj•344d ago
Thank you but i managed to parse it on the frontend 🤷‍♂️ its probably not really efficient but im learning for now
More Posts
Accepting a DecoratedProcedure with inputs and outputs that extend some given typesIs there any way to accept a DecoratedProcedure that extends { mutate: Resolver<TProcedure> } where useEffect and useMutation error about conditional rendering of hooksI am using t3 stack with tRPC, and I am trying to mark all emails as seen when the page loads by usiGuide to create an adapterIs there a guide on the docs that explains the basics to create an adapter?Does tRPC websocket client supports wss protocol?After changing the websocket client url from ws to wss, it fails to connect. Tested out the connectiGet the type of context after middlewareHow can I get the type of the context of `adminProcedure` from `export const adminProcedure = public[How To] Properly use trpc UseQuery based on currently selected itemI have a component with a video element and a flatlist. I want to utilize a trpc query to get the viData from useQuery is inferred as data: {} | undefinedMy server query returns data from database via ElectroDB. TypeScript can statically infer all properCannot access 't' before initializationHi, I'm migrating my app to a mono repo but I just can't get past this error for some reason `CannottRPC Middleware consuming memory limit on VercelHi all, I'm running into a weird error where my tRPC middleware to enforce that a user is authed, isUsing react-query parameters in tRPC for useQueryHello, the useQuery from react-query can take parameters such cacheTime, staleTime, refetchOnWindowF