T
tRPC

❓-help

Prefetch forEach

Eeyalll
View on Discord
10/26/2022
Hello, I'm trying to prefetch a list of procedures like this 
type QueryKeys = {
  // how to type this?
  path: [string, string];
  params: Partial<{ [key in keyof Key]: string }>;
};

const prefetchProcedures = (ids: QueryKeys[]) => {
  const utils = trpc.useContext();
  // [{path:["zones", "allSectors"], params: { zoneId: z.id }},{path: ["sectors", "allWalls"], params: { sectorId: s.id }]}
  ids.forEach((i) => {
    utils[i.path[0]][i.path[1]].prefetch(i.params);
  });
};
type QueryKeys = {
  // how to type this?
  path: [string, string];
  params: Partial<{ [key in keyof Key]: string }>;
};

const prefetchProcedures = (ids: QueryKeys[]) => {
  const utils = trpc.useContext();
  // [{path:["zones", "allSectors"], params: { zoneId: z.id }},{path: ["sectors", "allWalls"], params: { sectorId: s.id }]}
  ids.forEach((i) => {
    utils[i.path[0]][i.path[1]].prefetch(i.params);
  });
};
How can typesafe the path of the router and the procedure? I found this thread with a very similar situation in V9: https://discord.com/channels/867764511159091230/894984069291581511/912683074221912104

Looking for more? Join the community!

T
tRPC

❓-help

Join Server
Recommended Posts
NextJs middleware broken by tRPCHi, I have a NextJs middleware that is redirecting to the login page. Basically an Auth guard over mCannot read properties of undefined (reading 'query')Hey folks, Updating from v9 to v10. I thought I'm done, no type errors. Launching the app in dev modUpdating from v9 to v10 - how to access react hooks?Hey folks, I'm updating to v10. I replaced @trpc/react@9.27.4 with @trpc/react-query@10.0.0-proxy-beHow to infer the output of a mutation? The current methods appear to be depreciated.I am attempting to export the bellow utility function to use client side to infer an output type tha