[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-trpc-nextjs-pages-router":3,"mdc--rw0xtz-key":40,"related-org-trpc-nextjs-pages-router":7119,"related-repo-trpc-nextjs-pages-router":7281},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":35,"sourceUrl":38,"mdContent":39},"nextjs-pages-router","integrate tRPC in Next.js Pages Router","Set up tRPC in Next.js Pages Router with createNextApiHandler, createTRPCNext, withTRPC HOC, SSR via ssr option and ssrPrepass, SSG via createServerSideHelpers with getStaticProps, and server-side helpers for getServerSideProps prefetching.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"trpc","tRPC","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftrpc.png",[12,16,17,20],{"name":13,"slug":14,"type":15},"Next.js","next-js","tag",{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},"SSR","ssr",{"name":21,"slug":22,"type":15},"Frontend","frontend",40424,"https:\u002F\u002Fgithub.com\u002Ftrpc\u002Ftrpc","2026-07-18T05:47:10.019286",null,1636,[29,30,31,32,33,34],"api","next","nextjs","prisma","react","typescript",{"repoUrl":24,"stars":23,"forks":27,"topics":36,"description":37},[29,30,31,32,33,34],"🧙‍♀️  Move Fast and Break Nothing. End-to-end typesafe APIs made easy. ","https:\u002F\u002Fgithub.com\u002Ftrpc\u002Ftrpc\u002Ftree\u002FHEAD\u002Fpackages\u002Fnext\u002Fskills\u002Fnextjs-pages-router","---\nname: nextjs-pages-router\ndescription: >\n  Set up tRPC in Next.js Pages Router with createNextApiHandler,\n  createTRPCNext, withTRPC HOC, SSR via ssr option and ssrPrepass,\n  SSG via createServerSideHelpers with getStaticProps, and\n  server-side helpers for getServerSideProps prefetching.\ntype: framework\nlibrary: trpc\nframework: react\nlibrary_version: '11.16.0'\nrequires:\n  - server-setup\n  - client-setup\nsources:\n  - www\u002Fdocs\u002Fclient\u002Fnextjs\u002Foverview.mdx\n  - www\u002Fdocs\u002Fserver\u002Fadapters\u002Fnextjs.md\n  - examples\u002Fnext-prisma-starter\u002F\n---\n\nThis skill builds on [server-setup] and [client-setup]. Read them first for foundational concepts.\n\n# tRPC -- Next.js Pages Router\n\n## File Structure\n\n```\n.\n├── src\n│   ├── pages\n│   │   ├── _app.tsx              # withTRPC() HOC\n│   │   ├── api\u002Ftrpc\n│   │   │   └── [trpc].ts        # tRPC API handler\n│   │   └── index.tsx             # page using tRPC hooks\n│   ├── server\n│   │   ├── routers\n│   │   │   └── _app.ts          # main app router\n│   │   ├── context.ts           # createContext\n│   │   └── trpc.ts              # initTRPC, procedure helpers\n│   └── utils\n│       └── trpc.ts              # createTRPCNext, hooks\n└── ...\n```\n\n## Setup\n\n### 1. Install\n\n```sh\nnpm install @trpc\u002Fserver @trpc\u002Fclient @trpc\u002Freact-query @trpc\u002Fnext @tanstack\u002Freact-query zod\n```\n\n### 2. Server init\n\n```ts title=\"server\u002Ftrpc.ts\"\nimport { initTRPC } from '@trpc\u002Fserver';\n\nconst t = initTRPC.create();\n\nexport const router = t.router;\nexport const procedure = t.procedure;\n```\n\n### 3. Define the router\n\n```ts title=\"server\u002Frouters\u002F_app.ts\"\nimport { z } from 'zod';\nimport { procedure, router } from '..\u002Ftrpc';\n\nexport const appRouter = router({\n  hello: procedure.input(z.object({ text: z.string() })).query(({ input }) => ({\n    greeting: `hello ${input.text}`,\n  })),\n});\n\nexport type AppRouter = typeof appRouter;\n```\n\n### 4. API handler\n\n```ts title=\"pages\u002Fapi\u002Ftrpc\u002F[trpc].ts\"\nimport { createNextApiHandler } from '@trpc\u002Fserver\u002Fadapters\u002Fnext';\nimport { appRouter } from '..\u002F..\u002F..\u002Fserver\u002Frouters\u002F_app';\n\nexport default createNextApiHandler({\n  router: appRouter,\n  createContext: () => ({}),\n});\n```\n\n### 5. Create tRPC hooks\n\n```ts title=\"utils\u002Ftrpc.ts\"\nimport { httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCNext } from '@trpc\u002Fnext';\nimport type { AppRouter } from '..\u002Fserver\u002Frouters\u002F_app';\n\nfunction getBaseUrl() {\n  if (typeof window !== 'undefined') return '';\n  if (process.env.VERCEL_URL) return `https:\u002F\u002F${process.env.VERCEL_URL}`;\n  return `http:\u002F\u002Flocalhost:${process.env.PORT ?? 3000}`;\n}\n\nexport const trpc = createTRPCNext\u003CAppRouter>({\n  config() {\n    return {\n      links: [\n        httpBatchLink({\n          url: `${getBaseUrl()}\u002Fapi\u002Ftrpc`,\n        }),\n      ],\n    };\n  },\n  ssr: false,\n});\n```\n\n### 6. Wrap app with withTRPC HOC\n\n```tsx title=\"pages\u002F_app.tsx\"\nimport type { AppType } from 'next\u002Fapp';\nimport { trpc } from '..\u002Futils\u002Ftrpc';\n\nconst MyApp: AppType = ({ Component, pageProps }) => {\n  return \u003CComponent {...pageProps} \u002F>;\n};\n\nexport default trpc.withTRPC(MyApp);\n```\n\n### 7. Use hooks in pages\n\n```tsx title=\"pages\u002Findex.tsx\"\nimport { trpc } from '..\u002Futils\u002Ftrpc';\n\nexport default function IndexPage() {\n  const hello = trpc.hello.useQuery({ text: 'client' });\n  if (!hello.data) return \u003Cdiv>Loading...\u003C\u002Fdiv>;\n  return \u003Cp>{hello.data.greeting}\u003C\u002Fp>;\n}\n```\n\n## Core Patterns\n\n### SSR with ssr: true\n\nEnable SSR to prefetch all queries on the server automatically. Requires `ssrPrepass` and forwarding client headers.\n\n```ts title=\"utils\u002Ftrpc.ts\"\nimport { httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCNext } from '@trpc\u002Fnext';\nimport { ssrPrepass } from '@trpc\u002Fnext\u002FssrPrepass';\nimport type { AppRouter } from '..\u002Fserver\u002Frouters\u002F_app';\n\nfunction getBaseUrl() {\n  if (typeof window !== 'undefined') return '';\n  if (process.env.VERCEL_URL) return `https:\u002F\u002F${process.env.VERCEL_URL}`;\n  return `http:\u002F\u002Flocalhost:${process.env.PORT ?? 3000}`;\n}\n\nexport const trpc = createTRPCNext\u003CAppRouter>({\n  ssr: true,\n  ssrPrepass,\n  config({ ctx }) {\n    if (typeof window !== 'undefined') {\n      return {\n        links: [httpBatchLink({ url: '\u002Fapi\u002Ftrpc' })],\n      };\n    }\n    return {\n      links: [\n        httpBatchLink({\n          url: `${getBaseUrl()}\u002Fapi\u002Ftrpc`,\n          headers() {\n            if (!ctx?.req?.headers) return {};\n            return { cookie: ctx.req.headers.cookie };\n          },\n        }),\n      ],\n    };\n  },\n});\n```\n\n### SSG with createServerSideHelpers and getStaticProps\n\n```tsx title=\"pages\u002Fposts\u002F[id].tsx\"\nimport { createServerSideHelpers } from '@trpc\u002Freact-query\u002Fserver';\nimport type {\n  GetStaticPaths,\n  GetStaticPropsContext,\n  InferGetStaticPropsType,\n} from 'next';\nimport superjson from 'superjson';\nimport { appRouter } from '..\u002F..\u002Fserver\u002Frouters\u002F_app';\nimport { trpc } from '..\u002F..\u002Futils\u002Ftrpc';\n\nexport async function getStaticProps(\n  context: GetStaticPropsContext\u003C{ id: string }>,\n) {\n  const helpers = createServerSideHelpers({\n    router: appRouter,\n    ctx: {},\n    transformer: superjson,\n  });\n  const id = context.params?.id as string;\n\n  await helpers.post.byId.prefetch({ id });\n\n  return {\n    props: {\n      trpcState: helpers.dehydrate(),\n      id,\n    },\n    revalidate: 1,\n  };\n}\n\nexport const getStaticPaths: GetStaticPaths = async () => {\n  return { paths: [], fallback: 'blocking' };\n};\n\nexport default function PostPage(\n  props: InferGetStaticPropsType\u003Ctypeof getStaticProps>,\n) {\n  const { id } = props;\n  const postQuery = trpc.post.byId.useQuery({ id });\n\n  if (postQuery.status !== 'success') return \u003C>Loading...\u003C\u002F>;\n  return \u003Ch1>{postQuery.data.title}\u003C\u002Fh1>;\n}\n```\n\n### Server-side helpers with getServerSideProps\n\n```tsx title=\"pages\u002Fposts\u002F[id].tsx\"\nimport { createServerSideHelpers } from '@trpc\u002Freact-query\u002Fserver';\nimport type {\n  GetServerSidePropsContext,\n  InferGetServerSidePropsType,\n} from 'next';\nimport superjson from 'superjson';\nimport { appRouter } from '..\u002F..\u002Fserver\u002Frouters\u002F_app';\nimport { trpc } from '..\u002F..\u002Futils\u002Ftrpc';\n\nexport async function getServerSideProps(\n  context: GetServerSidePropsContext\u003C{ id: string }>,\n) {\n  const helpers = createServerSideHelpers({\n    router: appRouter,\n    ctx: {},\n    transformer: superjson,\n  });\n  const id = context.params?.id as string;\n\n  await helpers.post.byId.prefetch({ id });\n\n  return {\n    props: {\n      trpcState: helpers.dehydrate(),\n      id,\n    },\n  };\n}\n\nexport default function PostPage(\n  props: InferGetServerSidePropsType\u003Ctypeof getServerSideProps>,\n) {\n  const { id } = props;\n  const postQuery = trpc.post.byId.useQuery({ id });\n\n  if (postQuery.status !== 'success') return \u003C>Loading...\u003C\u002F>;\n  return \u003Ch1>{postQuery.data.title}\u003C\u002Fh1>;\n}\n```\n\n### SSR response caching\n\n```ts title=\"utils\u002Ftrpc.ts\"\nimport { httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCNext } from '@trpc\u002Fnext';\nimport { ssrPrepass } from '@trpc\u002Fnext\u002FssrPrepass';\nimport type { AppRouter } from '..\u002Fserver\u002Frouters\u002F_app';\n\nexport const trpc = createTRPCNext\u003CAppRouter>({\n  ssr: true,\n  ssrPrepass,\n  config() {\n    return {\n      links: [httpBatchLink({ url: '\u002Fapi\u002Ftrpc' })],\n    };\n  },\n  responseMeta(opts) {\n    const { clientErrors } = opts;\n    if (clientErrors.length) {\n      return { status: clientErrors[0].data?.httpStatus ?? 500 };\n    }\n    const ONE_DAY_IN_SECONDS = 60 * 60 * 24;\n    return {\n      headers: new Headers([\n        [\n          'cache-control',\n          `s-maxage=1, stale-while-revalidate=${ONE_DAY_IN_SECONDS}`,\n        ],\n      ]),\n    };\n  },\n});\n```\n\n### CORS on the API handler\n\n```ts title=\"pages\u002Fapi\u002Ftrpc\u002F[trpc].ts\"\nimport { createNextApiHandler } from '@trpc\u002Fserver\u002Fadapters\u002Fnext';\nimport type { NextApiRequest, NextApiResponse } from 'next';\nimport { appRouter } from '..\u002F..\u002F..\u002Fserver\u002Frouters\u002F_app';\n\nconst nextApiHandler = createNextApiHandler({\n  router: appRouter,\n  createContext: () => ({}),\n});\n\nexport default async function handler(\n  req: NextApiRequest,\n  res: NextApiResponse,\n) {\n  res.setHeader('Access-Control-Allow-Origin', '*');\n  res.setHeader('Access-Control-Allow-Methods', 'OPTIONS, GET, POST');\n  res.setHeader('Access-Control-Allow-Headers', '*');\n\n  if (req.method === 'OPTIONS') {\n    res.writeHead(200);\n    return res.end();\n  }\n\n  return nextApiHandler(req, res);\n}\n```\n\n### Limiting batch size with maxBatchSize\n\n```ts title=\"pages\u002Fapi\u002Ftrpc\u002F[trpc].ts\"\nimport { createNextApiHandler } from '@trpc\u002Fserver\u002Fadapters\u002Fnext';\nimport { appRouter } from '..\u002F..\u002F..\u002Fserver\u002Frouters\u002F_app';\n\nexport default createNextApiHandler({\n  router: appRouter,\n  createContext: () => ({}),\n  maxBatchSize: 10,\n});\n```\n\nRequests batching more than `maxBatchSize` operations are rejected with a `400 Bad Request` error. Set `maxItems` on your client's `httpBatchLink` to the same value to avoid exceeding the limit.\n\n## Common Mistakes\n\n### Using ssr: true without understanding implications\n\nEnabling `ssr: true` imports `react-dom` and runs `ssrPrepass` on every request, rendering the component tree repeatedly until no queries are fetching. This adds latency and server load. For better control, keep `ssr: false` (the default) and use `createServerSideHelpers` in `getServerSideProps` or `getStaticProps` to selectively prefetch only the queries you need.\n\n### SSR prepass renders multiple times\n\nThe SSR prepass loop re-renders the component tree repeatedly until all queries resolve. This is by design but causes performance issues with expensive renders. Keep SSR-rendered pages lightweight, or switch to selective prefetching with server-side helpers.\n\n### Mixing App Router and Pages Router patterns\n\nApp Router uses `fetchRequestHandler`, `createTRPCOptionsProxy`, and `@trpc\u002Ftanstack-react-query`. Pages Router uses `createNextApiHandler`, `createTRPCNext`, and `@trpc\u002Fnext`\u002F`@trpc\u002Freact-query`. Applying App Router patterns (like `HydrationBoundary` or `prefetchQuery`) in Pages Router, or vice versa, produces non-functional code.\n\n### Forgetting to return trpcState from getStaticProps\u002FgetServerSideProps\n\nWhen using `createServerSideHelpers`, you must return `trpcState: helpers.dehydrate()` in props. Without this, the prefetched data is lost and queries re-fetch on the client.\n\n```ts\n\u002F\u002F WRONG\nreturn { props: { id } }; \u002F\u002F missing trpcState!\n\n\u002F\u002F CORRECT\nreturn { props: { trpcState: helpers.dehydrate(), id } };\n```\n\n## See Also\n\n- [server-setup] -- initTRPC, routers, procedures, context\n- [client-setup] -- vanilla tRPC client, links configuration\n- [nextjs-app-router] -- if migrating to or starting with App Router\n- [react-query-classic-migration] -- migrating from @trpc\u002Freact-query to @trpc\u002Ftanstack-react-query\n",{"data":41,"body":51},{"name":4,"description":6,"type":42,"library":8,"framework":33,"library_version":43,"requires":44,"sources":47},"framework","11.16.0",[45,46],"server-setup","client-setup",[48,49,50],"www\u002Fdocs\u002Fclient\u002Fnextjs\u002Foverview.mdx","www\u002Fdocs\u002Fserver\u002Fadapters\u002Fnextjs.md","examples\u002Fnext-prisma-starter\u002F",{"type":52,"children":53},"root",[54,75,82,89,102,108,115,171,177,379,385,784,790,983,989,1615,1621,1859,1865,2158,2164,2170,2183,3090,3096,4195,4201,5095,5101,5809,5815,6492,6498,6703,6739,6745,6751,6811,6817,6822,6828,6901,6907,6927,7064,7070,7113],{"type":55,"tag":56,"props":57,"children":58},"element","p",{},[59,62,67,69,73],{"type":60,"value":61},"text","This skill builds on ",{"type":55,"tag":63,"props":64,"children":65},"span",{},[66],{"type":60,"value":45},{"type":60,"value":68}," and ",{"type":55,"tag":63,"props":70,"children":71},{},[72],{"type":60,"value":46},{"type":60,"value":74},". Read them first for foundational concepts.",{"type":55,"tag":76,"props":77,"children":79},"h1",{"id":78},"trpc-nextjs-pages-router",[80],{"type":60,"value":81},"tRPC -- Next.js Pages Router",{"type":55,"tag":83,"props":84,"children":86},"h2",{"id":85},"file-structure",[87],{"type":60,"value":88},"File Structure",{"type":55,"tag":90,"props":91,"children":95},"pre",{"className":92,"code":94,"language":60},[93],"language-text",".\n├── src\n│   ├── pages\n│   │   ├── _app.tsx              # withTRPC() HOC\n│   │   ├── api\u002Ftrpc\n│   │   │   └── [trpc].ts        # tRPC API handler\n│   │   └── index.tsx             # page using tRPC hooks\n│   ├── server\n│   │   ├── routers\n│   │   │   └── _app.ts          # main app router\n│   │   ├── context.ts           # createContext\n│   │   └── trpc.ts              # initTRPC, procedure helpers\n│   └── utils\n│       └── trpc.ts              # createTRPCNext, hooks\n└── ...\n",[96],{"type":55,"tag":97,"props":98,"children":100},"code",{"__ignoreMap":99},"",[101],{"type":60,"value":94},{"type":55,"tag":83,"props":103,"children":105},{"id":104},"setup",[106],{"type":60,"value":107},"Setup",{"type":55,"tag":109,"props":110,"children":112},"h3",{"id":111},"_1-install",[113],{"type":60,"value":114},"1. Install",{"type":55,"tag":90,"props":116,"children":120},{"className":117,"code":118,"language":119,"meta":99,"style":99},"language-sh shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @trpc\u002Fserver @trpc\u002Fclient @trpc\u002Freact-query @trpc\u002Fnext @tanstack\u002Freact-query zod\n","sh",[121],{"type":55,"tag":97,"props":122,"children":123},{"__ignoreMap":99},[124],{"type":55,"tag":63,"props":125,"children":128},{"class":126,"line":127},"line",1,[129,135,141,146,151,156,161,166],{"type":55,"tag":63,"props":130,"children":132},{"style":131},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[133],{"type":60,"value":134},"npm",{"type":55,"tag":63,"props":136,"children":138},{"style":137},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[139],{"type":60,"value":140}," install",{"type":55,"tag":63,"props":142,"children":143},{"style":137},[144],{"type":60,"value":145}," @trpc\u002Fserver",{"type":55,"tag":63,"props":147,"children":148},{"style":137},[149],{"type":60,"value":150}," @trpc\u002Fclient",{"type":55,"tag":63,"props":152,"children":153},{"style":137},[154],{"type":60,"value":155}," @trpc\u002Freact-query",{"type":55,"tag":63,"props":157,"children":158},{"style":137},[159],{"type":60,"value":160}," @trpc\u002Fnext",{"type":55,"tag":63,"props":162,"children":163},{"style":137},[164],{"type":60,"value":165}," @tanstack\u002Freact-query",{"type":55,"tag":63,"props":167,"children":168},{"style":137},[169],{"type":60,"value":170}," zod\n",{"type":55,"tag":109,"props":172,"children":174},{"id":173},"_2-server-init",[175],{"type":60,"value":176},"2. Server init",{"type":55,"tag":90,"props":178,"children":183},{"className":179,"code":180,"language":181,"meta":182,"style":99},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { initTRPC } from '@trpc\u002Fserver';\n\nconst t = initTRPC.create();\n\nexport const router = t.router;\nexport const procedure = t.procedure;\n","ts","title=\"server\u002Ftrpc.ts\"",[184],{"type":55,"tag":97,"props":185,"children":186},{"__ignoreMap":99},[187,238,248,292,300,341],{"type":55,"tag":63,"props":188,"children":189},{"class":126,"line":127},[190,196,202,208,213,218,223,228,233],{"type":55,"tag":63,"props":191,"children":193},{"style":192},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[194],{"type":60,"value":195},"import",{"type":55,"tag":63,"props":197,"children":199},{"style":198},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[200],{"type":60,"value":201}," {",{"type":55,"tag":63,"props":203,"children":205},{"style":204},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[206],{"type":60,"value":207}," initTRPC",{"type":55,"tag":63,"props":209,"children":210},{"style":198},[211],{"type":60,"value":212}," }",{"type":55,"tag":63,"props":214,"children":215},{"style":192},[216],{"type":60,"value":217}," from",{"type":55,"tag":63,"props":219,"children":220},{"style":198},[221],{"type":60,"value":222}," '",{"type":55,"tag":63,"props":224,"children":225},{"style":137},[226],{"type":60,"value":227},"@trpc\u002Fserver",{"type":55,"tag":63,"props":229,"children":230},{"style":198},[231],{"type":60,"value":232},"'",{"type":55,"tag":63,"props":234,"children":235},{"style":198},[236],{"type":60,"value":237},";\n",{"type":55,"tag":63,"props":239,"children":241},{"class":126,"line":240},2,[242],{"type":55,"tag":63,"props":243,"children":245},{"emptyLinePlaceholder":244},true,[246],{"type":60,"value":247},"\n",{"type":55,"tag":63,"props":249,"children":251},{"class":126,"line":250},3,[252,258,263,268,272,277,283,288],{"type":55,"tag":63,"props":253,"children":255},{"style":254},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[256],{"type":60,"value":257},"const",{"type":55,"tag":63,"props":259,"children":260},{"style":204},[261],{"type":60,"value":262}," t ",{"type":55,"tag":63,"props":264,"children":265},{"style":198},[266],{"type":60,"value":267},"=",{"type":55,"tag":63,"props":269,"children":270},{"style":204},[271],{"type":60,"value":207},{"type":55,"tag":63,"props":273,"children":274},{"style":198},[275],{"type":60,"value":276},".",{"type":55,"tag":63,"props":278,"children":280},{"style":279},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[281],{"type":60,"value":282},"create",{"type":55,"tag":63,"props":284,"children":285},{"style":204},[286],{"type":60,"value":287},"()",{"type":55,"tag":63,"props":289,"children":290},{"style":198},[291],{"type":60,"value":237},{"type":55,"tag":63,"props":293,"children":295},{"class":126,"line":294},4,[296],{"type":55,"tag":63,"props":297,"children":298},{"emptyLinePlaceholder":244},[299],{"type":60,"value":247},{"type":55,"tag":63,"props":301,"children":303},{"class":126,"line":302},5,[304,309,314,319,323,328,332,337],{"type":55,"tag":63,"props":305,"children":306},{"style":192},[307],{"type":60,"value":308},"export",{"type":55,"tag":63,"props":310,"children":311},{"style":254},[312],{"type":60,"value":313}," const",{"type":55,"tag":63,"props":315,"children":316},{"style":204},[317],{"type":60,"value":318}," router ",{"type":55,"tag":63,"props":320,"children":321},{"style":198},[322],{"type":60,"value":267},{"type":55,"tag":63,"props":324,"children":325},{"style":204},[326],{"type":60,"value":327}," t",{"type":55,"tag":63,"props":329,"children":330},{"style":198},[331],{"type":60,"value":276},{"type":55,"tag":63,"props":333,"children":334},{"style":204},[335],{"type":60,"value":336},"router",{"type":55,"tag":63,"props":338,"children":339},{"style":198},[340],{"type":60,"value":237},{"type":55,"tag":63,"props":342,"children":344},{"class":126,"line":343},6,[345,349,353,358,362,366,370,375],{"type":55,"tag":63,"props":346,"children":347},{"style":192},[348],{"type":60,"value":308},{"type":55,"tag":63,"props":350,"children":351},{"style":254},[352],{"type":60,"value":313},{"type":55,"tag":63,"props":354,"children":355},{"style":204},[356],{"type":60,"value":357}," procedure ",{"type":55,"tag":63,"props":359,"children":360},{"style":198},[361],{"type":60,"value":267},{"type":55,"tag":63,"props":363,"children":364},{"style":204},[365],{"type":60,"value":327},{"type":55,"tag":63,"props":367,"children":368},{"style":198},[369],{"type":60,"value":276},{"type":55,"tag":63,"props":371,"children":372},{"style":204},[373],{"type":60,"value":374},"procedure",{"type":55,"tag":63,"props":376,"children":377},{"style":198},[378],{"type":60,"value":237},{"type":55,"tag":109,"props":380,"children":382},{"id":381},"_3-define-the-router",[383],{"type":60,"value":384},"3. Define the router",{"type":55,"tag":90,"props":386,"children":389},{"className":179,"code":387,"language":181,"meta":388,"style":99},"import { z } from 'zod';\nimport { procedure, router } from '..\u002Ftrpc';\n\nexport const appRouter = router({\n  hello: procedure.input(z.object({ text: z.string() })).query(({ input }) => ({\n    greeting: `hello ${input.text}`,\n  })),\n});\n\nexport type AppRouter = typeof appRouter;\n","title=\"server\u002Frouters\u002F_app.ts\"",[390],{"type":55,"tag":97,"props":391,"children":392},{"__ignoreMap":99},[393,434,485,492,526,656,705,722,739,747],{"type":55,"tag":63,"props":394,"children":395},{"class":126,"line":127},[396,400,404,409,413,417,421,426,430],{"type":55,"tag":63,"props":397,"children":398},{"style":192},[399],{"type":60,"value":195},{"type":55,"tag":63,"props":401,"children":402},{"style":198},[403],{"type":60,"value":201},{"type":55,"tag":63,"props":405,"children":406},{"style":204},[407],{"type":60,"value":408}," z",{"type":55,"tag":63,"props":410,"children":411},{"style":198},[412],{"type":60,"value":212},{"type":55,"tag":63,"props":414,"children":415},{"style":192},[416],{"type":60,"value":217},{"type":55,"tag":63,"props":418,"children":419},{"style":198},[420],{"type":60,"value":222},{"type":55,"tag":63,"props":422,"children":423},{"style":137},[424],{"type":60,"value":425},"zod",{"type":55,"tag":63,"props":427,"children":428},{"style":198},[429],{"type":60,"value":232},{"type":55,"tag":63,"props":431,"children":432},{"style":198},[433],{"type":60,"value":237},{"type":55,"tag":63,"props":435,"children":436},{"class":126,"line":240},[437,441,445,450,455,460,464,468,472,477,481],{"type":55,"tag":63,"props":438,"children":439},{"style":192},[440],{"type":60,"value":195},{"type":55,"tag":63,"props":442,"children":443},{"style":198},[444],{"type":60,"value":201},{"type":55,"tag":63,"props":446,"children":447},{"style":204},[448],{"type":60,"value":449}," procedure",{"type":55,"tag":63,"props":451,"children":452},{"style":198},[453],{"type":60,"value":454},",",{"type":55,"tag":63,"props":456,"children":457},{"style":204},[458],{"type":60,"value":459}," router",{"type":55,"tag":63,"props":461,"children":462},{"style":198},[463],{"type":60,"value":212},{"type":55,"tag":63,"props":465,"children":466},{"style":192},[467],{"type":60,"value":217},{"type":55,"tag":63,"props":469,"children":470},{"style":198},[471],{"type":60,"value":222},{"type":55,"tag":63,"props":473,"children":474},{"style":137},[475],{"type":60,"value":476},"..\u002Ftrpc",{"type":55,"tag":63,"props":478,"children":479},{"style":198},[480],{"type":60,"value":232},{"type":55,"tag":63,"props":482,"children":483},{"style":198},[484],{"type":60,"value":237},{"type":55,"tag":63,"props":486,"children":487},{"class":126,"line":250},[488],{"type":55,"tag":63,"props":489,"children":490},{"emptyLinePlaceholder":244},[491],{"type":60,"value":247},{"type":55,"tag":63,"props":493,"children":494},{"class":126,"line":294},[495,499,503,508,512,516,521],{"type":55,"tag":63,"props":496,"children":497},{"style":192},[498],{"type":60,"value":308},{"type":55,"tag":63,"props":500,"children":501},{"style":254},[502],{"type":60,"value":313},{"type":55,"tag":63,"props":504,"children":505},{"style":204},[506],{"type":60,"value":507}," appRouter ",{"type":55,"tag":63,"props":509,"children":510},{"style":198},[511],{"type":60,"value":267},{"type":55,"tag":63,"props":513,"children":514},{"style":279},[515],{"type":60,"value":459},{"type":55,"tag":63,"props":517,"children":518},{"style":204},[519],{"type":60,"value":520},"(",{"type":55,"tag":63,"props":522,"children":523},{"style":198},[524],{"type":60,"value":525},"{\n",{"type":55,"tag":63,"props":527,"children":528},{"class":126,"line":302},[529,535,540,544,548,553,558,562,567,571,576,581,585,589,593,598,603,608,613,617,622,626,631,637,642,647,652],{"type":55,"tag":63,"props":530,"children":532},{"style":531},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[533],{"type":60,"value":534},"  hello",{"type":55,"tag":63,"props":536,"children":537},{"style":198},[538],{"type":60,"value":539},":",{"type":55,"tag":63,"props":541,"children":542},{"style":204},[543],{"type":60,"value":449},{"type":55,"tag":63,"props":545,"children":546},{"style":198},[547],{"type":60,"value":276},{"type":55,"tag":63,"props":549,"children":550},{"style":279},[551],{"type":60,"value":552},"input",{"type":55,"tag":63,"props":554,"children":555},{"style":204},[556],{"type":60,"value":557},"(z",{"type":55,"tag":63,"props":559,"children":560},{"style":198},[561],{"type":60,"value":276},{"type":55,"tag":63,"props":563,"children":564},{"style":279},[565],{"type":60,"value":566},"object",{"type":55,"tag":63,"props":568,"children":569},{"style":204},[570],{"type":60,"value":520},{"type":55,"tag":63,"props":572,"children":573},{"style":198},[574],{"type":60,"value":575},"{",{"type":55,"tag":63,"props":577,"children":578},{"style":531},[579],{"type":60,"value":580}," text",{"type":55,"tag":63,"props":582,"children":583},{"style":198},[584],{"type":60,"value":539},{"type":55,"tag":63,"props":586,"children":587},{"style":204},[588],{"type":60,"value":408},{"type":55,"tag":63,"props":590,"children":591},{"style":198},[592],{"type":60,"value":276},{"type":55,"tag":63,"props":594,"children":595},{"style":279},[596],{"type":60,"value":597},"string",{"type":55,"tag":63,"props":599,"children":600},{"style":204},[601],{"type":60,"value":602},"() ",{"type":55,"tag":63,"props":604,"children":605},{"style":198},[606],{"type":60,"value":607},"}",{"type":55,"tag":63,"props":609,"children":610},{"style":204},[611],{"type":60,"value":612},"))",{"type":55,"tag":63,"props":614,"children":615},{"style":198},[616],{"type":60,"value":276},{"type":55,"tag":63,"props":618,"children":619},{"style":279},[620],{"type":60,"value":621},"query",{"type":55,"tag":63,"props":623,"children":624},{"style":204},[625],{"type":60,"value":520},{"type":55,"tag":63,"props":627,"children":628},{"style":198},[629],{"type":60,"value":630},"({",{"type":55,"tag":63,"props":632,"children":634},{"style":633},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[635],{"type":60,"value":636}," input",{"type":55,"tag":63,"props":638,"children":639},{"style":198},[640],{"type":60,"value":641}," })",{"type":55,"tag":63,"props":643,"children":644},{"style":254},[645],{"type":60,"value":646}," =>",{"type":55,"tag":63,"props":648,"children":649},{"style":204},[650],{"type":60,"value":651}," (",{"type":55,"tag":63,"props":653,"children":654},{"style":198},[655],{"type":60,"value":525},{"type":55,"tag":63,"props":657,"children":658},{"class":126,"line":343},[659,664,668,673,678,683,687,691,695,700],{"type":55,"tag":63,"props":660,"children":661},{"style":531},[662],{"type":60,"value":663},"    greeting",{"type":55,"tag":63,"props":665,"children":666},{"style":198},[667],{"type":60,"value":539},{"type":55,"tag":63,"props":669,"children":670},{"style":198},[671],{"type":60,"value":672}," `",{"type":55,"tag":63,"props":674,"children":675},{"style":137},[676],{"type":60,"value":677},"hello ",{"type":55,"tag":63,"props":679,"children":680},{"style":198},[681],{"type":60,"value":682},"${",{"type":55,"tag":63,"props":684,"children":685},{"style":204},[686],{"type":60,"value":552},{"type":55,"tag":63,"props":688,"children":689},{"style":198},[690],{"type":60,"value":276},{"type":55,"tag":63,"props":692,"children":693},{"style":204},[694],{"type":60,"value":60},{"type":55,"tag":63,"props":696,"children":697},{"style":198},[698],{"type":60,"value":699},"}`",{"type":55,"tag":63,"props":701,"children":702},{"style":198},[703],{"type":60,"value":704},",\n",{"type":55,"tag":63,"props":706,"children":708},{"class":126,"line":707},7,[709,714,718],{"type":55,"tag":63,"props":710,"children":711},{"style":198},[712],{"type":60,"value":713},"  }",{"type":55,"tag":63,"props":715,"children":716},{"style":204},[717],{"type":60,"value":612},{"type":55,"tag":63,"props":719,"children":720},{"style":198},[721],{"type":60,"value":704},{"type":55,"tag":63,"props":723,"children":725},{"class":126,"line":724},8,[726,730,735],{"type":55,"tag":63,"props":727,"children":728},{"style":198},[729],{"type":60,"value":607},{"type":55,"tag":63,"props":731,"children":732},{"style":204},[733],{"type":60,"value":734},")",{"type":55,"tag":63,"props":736,"children":737},{"style":198},[738],{"type":60,"value":237},{"type":55,"tag":63,"props":740,"children":742},{"class":126,"line":741},9,[743],{"type":55,"tag":63,"props":744,"children":745},{"emptyLinePlaceholder":244},[746],{"type":60,"value":247},{"type":55,"tag":63,"props":748,"children":750},{"class":126,"line":749},10,[751,755,760,765,770,775,780],{"type":55,"tag":63,"props":752,"children":753},{"style":192},[754],{"type":60,"value":308},{"type":55,"tag":63,"props":756,"children":757},{"style":254},[758],{"type":60,"value":759}," type",{"type":55,"tag":63,"props":761,"children":762},{"style":131},[763],{"type":60,"value":764}," AppRouter",{"type":55,"tag":63,"props":766,"children":767},{"style":198},[768],{"type":60,"value":769}," =",{"type":55,"tag":63,"props":771,"children":772},{"style":198},[773],{"type":60,"value":774}," typeof",{"type":55,"tag":63,"props":776,"children":777},{"style":204},[778],{"type":60,"value":779}," appRouter",{"type":55,"tag":63,"props":781,"children":782},{"style":198},[783],{"type":60,"value":237},{"type":55,"tag":109,"props":785,"children":787},{"id":786},"_4-api-handler",[788],{"type":60,"value":789},"4. API handler",{"type":55,"tag":90,"props":791,"children":794},{"className":179,"code":792,"filename":8,"language":181,"meta":793,"style":99},"import { createNextApiHandler } from '@trpc\u002Fserver\u002Fadapters\u002Fnext';\nimport { appRouter } from '..\u002F..\u002F..\u002Fserver\u002Frouters\u002F_app';\n\nexport default createNextApiHandler({\n  router: appRouter,\n  createContext: () => ({}),\n});\n","title=\"pages\u002Fapi\u002Ftrpc\u002F.ts\"",[795],{"type":55,"tag":97,"props":796,"children":797},{"__ignoreMap":99},[798,839,879,886,910,930,968],{"type":55,"tag":63,"props":799,"children":800},{"class":126,"line":127},[801,805,809,814,818,822,826,831,835],{"type":55,"tag":63,"props":802,"children":803},{"style":192},[804],{"type":60,"value":195},{"type":55,"tag":63,"props":806,"children":807},{"style":198},[808],{"type":60,"value":201},{"type":55,"tag":63,"props":810,"children":811},{"style":204},[812],{"type":60,"value":813}," createNextApiHandler",{"type":55,"tag":63,"props":815,"children":816},{"style":198},[817],{"type":60,"value":212},{"type":55,"tag":63,"props":819,"children":820},{"style":192},[821],{"type":60,"value":217},{"type":55,"tag":63,"props":823,"children":824},{"style":198},[825],{"type":60,"value":222},{"type":55,"tag":63,"props":827,"children":828},{"style":137},[829],{"type":60,"value":830},"@trpc\u002Fserver\u002Fadapters\u002Fnext",{"type":55,"tag":63,"props":832,"children":833},{"style":198},[834],{"type":60,"value":232},{"type":55,"tag":63,"props":836,"children":837},{"style":198},[838],{"type":60,"value":237},{"type":55,"tag":63,"props":840,"children":841},{"class":126,"line":240},[842,846,850,854,858,862,866,871,875],{"type":55,"tag":63,"props":843,"children":844},{"style":192},[845],{"type":60,"value":195},{"type":55,"tag":63,"props":847,"children":848},{"style":198},[849],{"type":60,"value":201},{"type":55,"tag":63,"props":851,"children":852},{"style":204},[853],{"type":60,"value":779},{"type":55,"tag":63,"props":855,"children":856},{"style":198},[857],{"type":60,"value":212},{"type":55,"tag":63,"props":859,"children":860},{"style":192},[861],{"type":60,"value":217},{"type":55,"tag":63,"props":863,"children":864},{"style":198},[865],{"type":60,"value":222},{"type":55,"tag":63,"props":867,"children":868},{"style":137},[869],{"type":60,"value":870},"..\u002F..\u002F..\u002Fserver\u002Frouters\u002F_app",{"type":55,"tag":63,"props":872,"children":873},{"style":198},[874],{"type":60,"value":232},{"type":55,"tag":63,"props":876,"children":877},{"style":198},[878],{"type":60,"value":237},{"type":55,"tag":63,"props":880,"children":881},{"class":126,"line":250},[882],{"type":55,"tag":63,"props":883,"children":884},{"emptyLinePlaceholder":244},[885],{"type":60,"value":247},{"type":55,"tag":63,"props":887,"children":888},{"class":126,"line":294},[889,893,898,902,906],{"type":55,"tag":63,"props":890,"children":891},{"style":192},[892],{"type":60,"value":308},{"type":55,"tag":63,"props":894,"children":895},{"style":192},[896],{"type":60,"value":897}," default",{"type":55,"tag":63,"props":899,"children":900},{"style":279},[901],{"type":60,"value":813},{"type":55,"tag":63,"props":903,"children":904},{"style":204},[905],{"type":60,"value":520},{"type":55,"tag":63,"props":907,"children":908},{"style":198},[909],{"type":60,"value":525},{"type":55,"tag":63,"props":911,"children":912},{"class":126,"line":302},[913,918,922,926],{"type":55,"tag":63,"props":914,"children":915},{"style":531},[916],{"type":60,"value":917},"  router",{"type":55,"tag":63,"props":919,"children":920},{"style":198},[921],{"type":60,"value":539},{"type":55,"tag":63,"props":923,"children":924},{"style":204},[925],{"type":60,"value":779},{"type":55,"tag":63,"props":927,"children":928},{"style":198},[929],{"type":60,"value":704},{"type":55,"tag":63,"props":931,"children":932},{"class":126,"line":343},[933,938,942,947,951,955,960,964],{"type":55,"tag":63,"props":934,"children":935},{"style":279},[936],{"type":60,"value":937},"  createContext",{"type":55,"tag":63,"props":939,"children":940},{"style":198},[941],{"type":60,"value":539},{"type":55,"tag":63,"props":943,"children":944},{"style":198},[945],{"type":60,"value":946}," ()",{"type":55,"tag":63,"props":948,"children":949},{"style":254},[950],{"type":60,"value":646},{"type":55,"tag":63,"props":952,"children":953},{"style":204},[954],{"type":60,"value":651},{"type":55,"tag":63,"props":956,"children":957},{"style":198},[958],{"type":60,"value":959},"{}",{"type":55,"tag":63,"props":961,"children":962},{"style":204},[963],{"type":60,"value":734},{"type":55,"tag":63,"props":965,"children":966},{"style":198},[967],{"type":60,"value":704},{"type":55,"tag":63,"props":969,"children":970},{"class":126,"line":707},[971,975,979],{"type":55,"tag":63,"props":972,"children":973},{"style":198},[974],{"type":60,"value":607},{"type":55,"tag":63,"props":976,"children":977},{"style":204},[978],{"type":60,"value":734},{"type":55,"tag":63,"props":980,"children":981},{"style":198},[982],{"type":60,"value":237},{"type":55,"tag":109,"props":984,"children":986},{"id":985},"_5-create-trpc-hooks",[987],{"type":60,"value":988},"5. Create tRPC hooks",{"type":55,"tag":90,"props":990,"children":993},{"className":179,"code":991,"language":181,"meta":992,"style":99},"import { httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCNext } from '@trpc\u002Fnext';\nimport type { AppRouter } from '..\u002Fserver\u002Frouters\u002F_app';\n\nfunction getBaseUrl() {\n  if (typeof window !== 'undefined') return '';\n  if (process.env.VERCEL_URL) return `https:\u002F\u002F${process.env.VERCEL_URL}`;\n  return `http:\u002F\u002Flocalhost:${process.env.PORT ?? 3000}`;\n}\n\nexport const trpc = createTRPCNext\u003CAppRouter>({\n  config() {\n    return {\n      links: [\n        httpBatchLink({\n          url: `${getBaseUrl()}\u002Fapi\u002Ftrpc`,\n        }),\n      ],\n    };\n  },\n  ssr: false,\n});\n","title=\"utils\u002Ftrpc.ts\"",[994],{"type":55,"tag":97,"props":995,"children":996},{"__ignoreMap":99},[997,1038,1079,1123,1130,1152,1211,1294,1355,1363,1370,1418,1435,1448,1466,1483,1528,1545,1558,1567,1576,1599],{"type":55,"tag":63,"props":998,"children":999},{"class":126,"line":127},[1000,1004,1008,1013,1017,1021,1025,1030,1034],{"type":55,"tag":63,"props":1001,"children":1002},{"style":192},[1003],{"type":60,"value":195},{"type":55,"tag":63,"props":1005,"children":1006},{"style":198},[1007],{"type":60,"value":201},{"type":55,"tag":63,"props":1009,"children":1010},{"style":204},[1011],{"type":60,"value":1012}," httpBatchLink",{"type":55,"tag":63,"props":1014,"children":1015},{"style":198},[1016],{"type":60,"value":212},{"type":55,"tag":63,"props":1018,"children":1019},{"style":192},[1020],{"type":60,"value":217},{"type":55,"tag":63,"props":1022,"children":1023},{"style":198},[1024],{"type":60,"value":222},{"type":55,"tag":63,"props":1026,"children":1027},{"style":137},[1028],{"type":60,"value":1029},"@trpc\u002Fclient",{"type":55,"tag":63,"props":1031,"children":1032},{"style":198},[1033],{"type":60,"value":232},{"type":55,"tag":63,"props":1035,"children":1036},{"style":198},[1037],{"type":60,"value":237},{"type":55,"tag":63,"props":1039,"children":1040},{"class":126,"line":240},[1041,1045,1049,1054,1058,1062,1066,1071,1075],{"type":55,"tag":63,"props":1042,"children":1043},{"style":192},[1044],{"type":60,"value":195},{"type":55,"tag":63,"props":1046,"children":1047},{"style":198},[1048],{"type":60,"value":201},{"type":55,"tag":63,"props":1050,"children":1051},{"style":204},[1052],{"type":60,"value":1053}," createTRPCNext",{"type":55,"tag":63,"props":1055,"children":1056},{"style":198},[1057],{"type":60,"value":212},{"type":55,"tag":63,"props":1059,"children":1060},{"style":192},[1061],{"type":60,"value":217},{"type":55,"tag":63,"props":1063,"children":1064},{"style":198},[1065],{"type":60,"value":222},{"type":55,"tag":63,"props":1067,"children":1068},{"style":137},[1069],{"type":60,"value":1070},"@trpc\u002Fnext",{"type":55,"tag":63,"props":1072,"children":1073},{"style":198},[1074],{"type":60,"value":232},{"type":55,"tag":63,"props":1076,"children":1077},{"style":198},[1078],{"type":60,"value":237},{"type":55,"tag":63,"props":1080,"children":1081},{"class":126,"line":250},[1082,1086,1090,1094,1098,1102,1106,1110,1115,1119],{"type":55,"tag":63,"props":1083,"children":1084},{"style":192},[1085],{"type":60,"value":195},{"type":55,"tag":63,"props":1087,"children":1088},{"style":192},[1089],{"type":60,"value":759},{"type":55,"tag":63,"props":1091,"children":1092},{"style":198},[1093],{"type":60,"value":201},{"type":55,"tag":63,"props":1095,"children":1096},{"style":204},[1097],{"type":60,"value":764},{"type":55,"tag":63,"props":1099,"children":1100},{"style":198},[1101],{"type":60,"value":212},{"type":55,"tag":63,"props":1103,"children":1104},{"style":192},[1105],{"type":60,"value":217},{"type":55,"tag":63,"props":1107,"children":1108},{"style":198},[1109],{"type":60,"value":222},{"type":55,"tag":63,"props":1111,"children":1112},{"style":137},[1113],{"type":60,"value":1114},"..\u002Fserver\u002Frouters\u002F_app",{"type":55,"tag":63,"props":1116,"children":1117},{"style":198},[1118],{"type":60,"value":232},{"type":55,"tag":63,"props":1120,"children":1121},{"style":198},[1122],{"type":60,"value":237},{"type":55,"tag":63,"props":1124,"children":1125},{"class":126,"line":294},[1126],{"type":55,"tag":63,"props":1127,"children":1128},{"emptyLinePlaceholder":244},[1129],{"type":60,"value":247},{"type":55,"tag":63,"props":1131,"children":1132},{"class":126,"line":302},[1133,1138,1143,1147],{"type":55,"tag":63,"props":1134,"children":1135},{"style":254},[1136],{"type":60,"value":1137},"function",{"type":55,"tag":63,"props":1139,"children":1140},{"style":279},[1141],{"type":60,"value":1142}," getBaseUrl",{"type":55,"tag":63,"props":1144,"children":1145},{"style":198},[1146],{"type":60,"value":287},{"type":55,"tag":63,"props":1148,"children":1149},{"style":198},[1150],{"type":60,"value":1151}," {\n",{"type":55,"tag":63,"props":1153,"children":1154},{"class":126,"line":343},[1155,1160,1164,1169,1174,1179,1183,1188,1192,1197,1202,1207],{"type":55,"tag":63,"props":1156,"children":1157},{"style":192},[1158],{"type":60,"value":1159},"  if",{"type":55,"tag":63,"props":1161,"children":1162},{"style":531},[1163],{"type":60,"value":651},{"type":55,"tag":63,"props":1165,"children":1166},{"style":198},[1167],{"type":60,"value":1168},"typeof",{"type":55,"tag":63,"props":1170,"children":1171},{"style":204},[1172],{"type":60,"value":1173}," window",{"type":55,"tag":63,"props":1175,"children":1176},{"style":198},[1177],{"type":60,"value":1178}," !==",{"type":55,"tag":63,"props":1180,"children":1181},{"style":198},[1182],{"type":60,"value":222},{"type":55,"tag":63,"props":1184,"children":1185},{"style":137},[1186],{"type":60,"value":1187},"undefined",{"type":55,"tag":63,"props":1189,"children":1190},{"style":198},[1191],{"type":60,"value":232},{"type":55,"tag":63,"props":1193,"children":1194},{"style":531},[1195],{"type":60,"value":1196},") ",{"type":55,"tag":63,"props":1198,"children":1199},{"style":192},[1200],{"type":60,"value":1201},"return",{"type":55,"tag":63,"props":1203,"children":1204},{"style":198},[1205],{"type":60,"value":1206}," ''",{"type":55,"tag":63,"props":1208,"children":1209},{"style":198},[1210],{"type":60,"value":237},{"type":55,"tag":63,"props":1212,"children":1213},{"class":126,"line":707},[1214,1218,1222,1227,1231,1236,1240,1245,1249,1253,1257,1262,1266,1270,1274,1278,1282,1286,1290],{"type":55,"tag":63,"props":1215,"children":1216},{"style":192},[1217],{"type":60,"value":1159},{"type":55,"tag":63,"props":1219,"children":1220},{"style":531},[1221],{"type":60,"value":651},{"type":55,"tag":63,"props":1223,"children":1224},{"style":204},[1225],{"type":60,"value":1226},"process",{"type":55,"tag":63,"props":1228,"children":1229},{"style":198},[1230],{"type":60,"value":276},{"type":55,"tag":63,"props":1232,"children":1233},{"style":204},[1234],{"type":60,"value":1235},"env",{"type":55,"tag":63,"props":1237,"children":1238},{"style":198},[1239],{"type":60,"value":276},{"type":55,"tag":63,"props":1241,"children":1242},{"style":204},[1243],{"type":60,"value":1244},"VERCEL_URL",{"type":55,"tag":63,"props":1246,"children":1247},{"style":531},[1248],{"type":60,"value":1196},{"type":55,"tag":63,"props":1250,"children":1251},{"style":192},[1252],{"type":60,"value":1201},{"type":55,"tag":63,"props":1254,"children":1255},{"style":198},[1256],{"type":60,"value":672},{"type":55,"tag":63,"props":1258,"children":1259},{"style":137},[1260],{"type":60,"value":1261},"https:\u002F\u002F",{"type":55,"tag":63,"props":1263,"children":1264},{"style":198},[1265],{"type":60,"value":682},{"type":55,"tag":63,"props":1267,"children":1268},{"style":204},[1269],{"type":60,"value":1226},{"type":55,"tag":63,"props":1271,"children":1272},{"style":198},[1273],{"type":60,"value":276},{"type":55,"tag":63,"props":1275,"children":1276},{"style":204},[1277],{"type":60,"value":1235},{"type":55,"tag":63,"props":1279,"children":1280},{"style":198},[1281],{"type":60,"value":276},{"type":55,"tag":63,"props":1283,"children":1284},{"style":204},[1285],{"type":60,"value":1244},{"type":55,"tag":63,"props":1287,"children":1288},{"style":198},[1289],{"type":60,"value":699},{"type":55,"tag":63,"props":1291,"children":1292},{"style":198},[1293],{"type":60,"value":237},{"type":55,"tag":63,"props":1295,"children":1296},{"class":126,"line":724},[1297,1302,1306,1311,1315,1319,1323,1327,1331,1336,1341,1347,1351],{"type":55,"tag":63,"props":1298,"children":1299},{"style":192},[1300],{"type":60,"value":1301},"  return",{"type":55,"tag":63,"props":1303,"children":1304},{"style":198},[1305],{"type":60,"value":672},{"type":55,"tag":63,"props":1307,"children":1308},{"style":137},[1309],{"type":60,"value":1310},"http:\u002F\u002Flocalhost:",{"type":55,"tag":63,"props":1312,"children":1313},{"style":198},[1314],{"type":60,"value":682},{"type":55,"tag":63,"props":1316,"children":1317},{"style":204},[1318],{"type":60,"value":1226},{"type":55,"tag":63,"props":1320,"children":1321},{"style":198},[1322],{"type":60,"value":276},{"type":55,"tag":63,"props":1324,"children":1325},{"style":204},[1326],{"type":60,"value":1235},{"type":55,"tag":63,"props":1328,"children":1329},{"style":198},[1330],{"type":60,"value":276},{"type":55,"tag":63,"props":1332,"children":1333},{"style":204},[1334],{"type":60,"value":1335},"PORT ",{"type":55,"tag":63,"props":1337,"children":1338},{"style":198},[1339],{"type":60,"value":1340},"??",{"type":55,"tag":63,"props":1342,"children":1344},{"style":1343},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1345],{"type":60,"value":1346}," 3000",{"type":55,"tag":63,"props":1348,"children":1349},{"style":198},[1350],{"type":60,"value":699},{"type":55,"tag":63,"props":1352,"children":1353},{"style":198},[1354],{"type":60,"value":237},{"type":55,"tag":63,"props":1356,"children":1357},{"class":126,"line":741},[1358],{"type":55,"tag":63,"props":1359,"children":1360},{"style":198},[1361],{"type":60,"value":1362},"}\n",{"type":55,"tag":63,"props":1364,"children":1365},{"class":126,"line":749},[1366],{"type":55,"tag":63,"props":1367,"children":1368},{"emptyLinePlaceholder":244},[1369],{"type":60,"value":247},{"type":55,"tag":63,"props":1371,"children":1373},{"class":126,"line":1372},11,[1374,1378,1382,1387,1391,1395,1400,1405,1410,1414],{"type":55,"tag":63,"props":1375,"children":1376},{"style":192},[1377],{"type":60,"value":308},{"type":55,"tag":63,"props":1379,"children":1380},{"style":254},[1381],{"type":60,"value":313},{"type":55,"tag":63,"props":1383,"children":1384},{"style":204},[1385],{"type":60,"value":1386}," trpc ",{"type":55,"tag":63,"props":1388,"children":1389},{"style":198},[1390],{"type":60,"value":267},{"type":55,"tag":63,"props":1392,"children":1393},{"style":279},[1394],{"type":60,"value":1053},{"type":55,"tag":63,"props":1396,"children":1397},{"style":198},[1398],{"type":60,"value":1399},"\u003C",{"type":55,"tag":63,"props":1401,"children":1402},{"style":131},[1403],{"type":60,"value":1404},"AppRouter",{"type":55,"tag":63,"props":1406,"children":1407},{"style":198},[1408],{"type":60,"value":1409},">",{"type":55,"tag":63,"props":1411,"children":1412},{"style":204},[1413],{"type":60,"value":520},{"type":55,"tag":63,"props":1415,"children":1416},{"style":198},[1417],{"type":60,"value":525},{"type":55,"tag":63,"props":1419,"children":1421},{"class":126,"line":1420},12,[1422,1427,1431],{"type":55,"tag":63,"props":1423,"children":1424},{"style":531},[1425],{"type":60,"value":1426},"  config",{"type":55,"tag":63,"props":1428,"children":1429},{"style":198},[1430],{"type":60,"value":287},{"type":55,"tag":63,"props":1432,"children":1433},{"style":198},[1434],{"type":60,"value":1151},{"type":55,"tag":63,"props":1436,"children":1438},{"class":126,"line":1437},13,[1439,1444],{"type":55,"tag":63,"props":1440,"children":1441},{"style":192},[1442],{"type":60,"value":1443},"    return",{"type":55,"tag":63,"props":1445,"children":1446},{"style":198},[1447],{"type":60,"value":1151},{"type":55,"tag":63,"props":1449,"children":1451},{"class":126,"line":1450},14,[1452,1457,1461],{"type":55,"tag":63,"props":1453,"children":1454},{"style":531},[1455],{"type":60,"value":1456},"      links",{"type":55,"tag":63,"props":1458,"children":1459},{"style":198},[1460],{"type":60,"value":539},{"type":55,"tag":63,"props":1462,"children":1463},{"style":531},[1464],{"type":60,"value":1465}," [\n",{"type":55,"tag":63,"props":1467,"children":1469},{"class":126,"line":1468},15,[1470,1475,1479],{"type":55,"tag":63,"props":1471,"children":1472},{"style":279},[1473],{"type":60,"value":1474},"        httpBatchLink",{"type":55,"tag":63,"props":1476,"children":1477},{"style":531},[1478],{"type":60,"value":520},{"type":55,"tag":63,"props":1480,"children":1481},{"style":198},[1482],{"type":60,"value":525},{"type":55,"tag":63,"props":1484,"children":1486},{"class":126,"line":1485},16,[1487,1492,1496,1501,1506,1510,1514,1519,1524],{"type":55,"tag":63,"props":1488,"children":1489},{"style":531},[1490],{"type":60,"value":1491},"          url",{"type":55,"tag":63,"props":1493,"children":1494},{"style":198},[1495],{"type":60,"value":539},{"type":55,"tag":63,"props":1497,"children":1498},{"style":198},[1499],{"type":60,"value":1500}," `${",{"type":55,"tag":63,"props":1502,"children":1503},{"style":279},[1504],{"type":60,"value":1505},"getBaseUrl",{"type":55,"tag":63,"props":1507,"children":1508},{"style":204},[1509],{"type":60,"value":287},{"type":55,"tag":63,"props":1511,"children":1512},{"style":198},[1513],{"type":60,"value":607},{"type":55,"tag":63,"props":1515,"children":1516},{"style":137},[1517],{"type":60,"value":1518},"\u002Fapi\u002Ftrpc",{"type":55,"tag":63,"props":1520,"children":1521},{"style":198},[1522],{"type":60,"value":1523},"`",{"type":55,"tag":63,"props":1525,"children":1526},{"style":198},[1527],{"type":60,"value":704},{"type":55,"tag":63,"props":1529,"children":1531},{"class":126,"line":1530},17,[1532,1537,1541],{"type":55,"tag":63,"props":1533,"children":1534},{"style":198},[1535],{"type":60,"value":1536},"        }",{"type":55,"tag":63,"props":1538,"children":1539},{"style":531},[1540],{"type":60,"value":734},{"type":55,"tag":63,"props":1542,"children":1543},{"style":198},[1544],{"type":60,"value":704},{"type":55,"tag":63,"props":1546,"children":1548},{"class":126,"line":1547},18,[1549,1554],{"type":55,"tag":63,"props":1550,"children":1551},{"style":531},[1552],{"type":60,"value":1553},"      ]",{"type":55,"tag":63,"props":1555,"children":1556},{"style":198},[1557],{"type":60,"value":704},{"type":55,"tag":63,"props":1559,"children":1561},{"class":126,"line":1560},19,[1562],{"type":55,"tag":63,"props":1563,"children":1564},{"style":198},[1565],{"type":60,"value":1566},"    };\n",{"type":55,"tag":63,"props":1568,"children":1570},{"class":126,"line":1569},20,[1571],{"type":55,"tag":63,"props":1572,"children":1573},{"style":198},[1574],{"type":60,"value":1575},"  },\n",{"type":55,"tag":63,"props":1577,"children":1579},{"class":126,"line":1578},21,[1580,1585,1589,1595],{"type":55,"tag":63,"props":1581,"children":1582},{"style":531},[1583],{"type":60,"value":1584},"  ssr",{"type":55,"tag":63,"props":1586,"children":1587},{"style":198},[1588],{"type":60,"value":539},{"type":55,"tag":63,"props":1590,"children":1592},{"style":1591},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1593],{"type":60,"value":1594}," false",{"type":55,"tag":63,"props":1596,"children":1597},{"style":198},[1598],{"type":60,"value":704},{"type":55,"tag":63,"props":1600,"children":1602},{"class":126,"line":1601},22,[1603,1607,1611],{"type":55,"tag":63,"props":1604,"children":1605},{"style":198},[1606],{"type":60,"value":607},{"type":55,"tag":63,"props":1608,"children":1609},{"style":204},[1610],{"type":60,"value":734},{"type":55,"tag":63,"props":1612,"children":1613},{"style":198},[1614],{"type":60,"value":237},{"type":55,"tag":109,"props":1616,"children":1618},{"id":1617},"_6-wrap-app-with-withtrpc-hoc",[1619],{"type":60,"value":1620},"6. Wrap app with withTRPC HOC",{"type":55,"tag":90,"props":1622,"children":1627},{"className":1623,"code":1624,"language":1625,"meta":1626,"style":99},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { AppType } from 'next\u002Fapp';\nimport { trpc } from '..\u002Futils\u002Ftrpc';\n\nconst MyApp: AppType = ({ Component, pageProps }) => {\n  return \u003CComponent {...pageProps} \u002F>;\n};\n\nexport default trpc.withTRPC(MyApp);\n","tsx","title=\"pages\u002F_app.tsx\"",[1628],{"type":55,"tag":97,"props":1629,"children":1630},{"__ignoreMap":99},[1631,1676,1717,1724,1779,1811,1819,1826],{"type":55,"tag":63,"props":1632,"children":1633},{"class":126,"line":127},[1634,1638,1642,1646,1651,1655,1659,1663,1668,1672],{"type":55,"tag":63,"props":1635,"children":1636},{"style":192},[1637],{"type":60,"value":195},{"type":55,"tag":63,"props":1639,"children":1640},{"style":192},[1641],{"type":60,"value":759},{"type":55,"tag":63,"props":1643,"children":1644},{"style":198},[1645],{"type":60,"value":201},{"type":55,"tag":63,"props":1647,"children":1648},{"style":204},[1649],{"type":60,"value":1650}," AppType",{"type":55,"tag":63,"props":1652,"children":1653},{"style":198},[1654],{"type":60,"value":212},{"type":55,"tag":63,"props":1656,"children":1657},{"style":192},[1658],{"type":60,"value":217},{"type":55,"tag":63,"props":1660,"children":1661},{"style":198},[1662],{"type":60,"value":222},{"type":55,"tag":63,"props":1664,"children":1665},{"style":137},[1666],{"type":60,"value":1667},"next\u002Fapp",{"type":55,"tag":63,"props":1669,"children":1670},{"style":198},[1671],{"type":60,"value":232},{"type":55,"tag":63,"props":1673,"children":1674},{"style":198},[1675],{"type":60,"value":237},{"type":55,"tag":63,"props":1677,"children":1678},{"class":126,"line":240},[1679,1683,1687,1692,1696,1700,1704,1709,1713],{"type":55,"tag":63,"props":1680,"children":1681},{"style":192},[1682],{"type":60,"value":195},{"type":55,"tag":63,"props":1684,"children":1685},{"style":198},[1686],{"type":60,"value":201},{"type":55,"tag":63,"props":1688,"children":1689},{"style":204},[1690],{"type":60,"value":1691}," trpc",{"type":55,"tag":63,"props":1693,"children":1694},{"style":198},[1695],{"type":60,"value":212},{"type":55,"tag":63,"props":1697,"children":1698},{"style":192},[1699],{"type":60,"value":217},{"type":55,"tag":63,"props":1701,"children":1702},{"style":198},[1703],{"type":60,"value":222},{"type":55,"tag":63,"props":1705,"children":1706},{"style":137},[1707],{"type":60,"value":1708},"..\u002Futils\u002Ftrpc",{"type":55,"tag":63,"props":1710,"children":1711},{"style":198},[1712],{"type":60,"value":232},{"type":55,"tag":63,"props":1714,"children":1715},{"style":198},[1716],{"type":60,"value":237},{"type":55,"tag":63,"props":1718,"children":1719},{"class":126,"line":250},[1720],{"type":55,"tag":63,"props":1721,"children":1722},{"emptyLinePlaceholder":244},[1723],{"type":60,"value":247},{"type":55,"tag":63,"props":1725,"children":1726},{"class":126,"line":294},[1727,1731,1736,1740,1744,1748,1753,1758,1762,1767,1771,1775],{"type":55,"tag":63,"props":1728,"children":1729},{"style":254},[1730],{"type":60,"value":257},{"type":55,"tag":63,"props":1732,"children":1733},{"style":204},[1734],{"type":60,"value":1735}," MyApp",{"type":55,"tag":63,"props":1737,"children":1738},{"style":198},[1739],{"type":60,"value":539},{"type":55,"tag":63,"props":1741,"children":1742},{"style":131},[1743],{"type":60,"value":1650},{"type":55,"tag":63,"props":1745,"children":1746},{"style":198},[1747],{"type":60,"value":769},{"type":55,"tag":63,"props":1749,"children":1750},{"style":198},[1751],{"type":60,"value":1752}," ({",{"type":55,"tag":63,"props":1754,"children":1755},{"style":633},[1756],{"type":60,"value":1757}," Component",{"type":55,"tag":63,"props":1759,"children":1760},{"style":198},[1761],{"type":60,"value":454},{"type":55,"tag":63,"props":1763,"children":1764},{"style":633},[1765],{"type":60,"value":1766}," pageProps",{"type":55,"tag":63,"props":1768,"children":1769},{"style":198},[1770],{"type":60,"value":641},{"type":55,"tag":63,"props":1772,"children":1773},{"style":254},[1774],{"type":60,"value":646},{"type":55,"tag":63,"props":1776,"children":1777},{"style":198},[1778],{"type":60,"value":1151},{"type":55,"tag":63,"props":1780,"children":1781},{"class":126,"line":302},[1782,1786,1791,1796,1801,1806],{"type":55,"tag":63,"props":1783,"children":1784},{"style":192},[1785],{"type":60,"value":1301},{"type":55,"tag":63,"props":1787,"children":1788},{"style":198},[1789],{"type":60,"value":1790}," \u003C",{"type":55,"tag":63,"props":1792,"children":1793},{"style":131},[1794],{"type":60,"value":1795},"Component",{"type":55,"tag":63,"props":1797,"children":1798},{"style":198},[1799],{"type":60,"value":1800}," {...",{"type":55,"tag":63,"props":1802,"children":1803},{"style":204},[1804],{"type":60,"value":1805},"pageProps",{"type":55,"tag":63,"props":1807,"children":1808},{"style":198},[1809],{"type":60,"value":1810},"} \u002F>;\n",{"type":55,"tag":63,"props":1812,"children":1813},{"class":126,"line":343},[1814],{"type":55,"tag":63,"props":1815,"children":1816},{"style":198},[1817],{"type":60,"value":1818},"};\n",{"type":55,"tag":63,"props":1820,"children":1821},{"class":126,"line":707},[1822],{"type":55,"tag":63,"props":1823,"children":1824},{"emptyLinePlaceholder":244},[1825],{"type":60,"value":247},{"type":55,"tag":63,"props":1827,"children":1828},{"class":126,"line":724},[1829,1833,1837,1841,1845,1850,1855],{"type":55,"tag":63,"props":1830,"children":1831},{"style":192},[1832],{"type":60,"value":308},{"type":55,"tag":63,"props":1834,"children":1835},{"style":192},[1836],{"type":60,"value":897},{"type":55,"tag":63,"props":1838,"children":1839},{"style":204},[1840],{"type":60,"value":1691},{"type":55,"tag":63,"props":1842,"children":1843},{"style":198},[1844],{"type":60,"value":276},{"type":55,"tag":63,"props":1846,"children":1847},{"style":279},[1848],{"type":60,"value":1849},"withTRPC",{"type":55,"tag":63,"props":1851,"children":1852},{"style":204},[1853],{"type":60,"value":1854},"(MyApp)",{"type":55,"tag":63,"props":1856,"children":1857},{"style":198},[1858],{"type":60,"value":237},{"type":55,"tag":109,"props":1860,"children":1862},{"id":1861},"_7-use-hooks-in-pages",[1863],{"type":60,"value":1864},"7. Use hooks in pages",{"type":55,"tag":90,"props":1866,"children":1869},{"className":1623,"code":1867,"language":1625,"meta":1868,"style":99},"import { trpc } from '..\u002Futils\u002Ftrpc';\n\nexport default function IndexPage() {\n  const hello = trpc.hello.useQuery({ text: 'client' });\n  if (!hello.data) return \u003Cdiv>Loading...\u003C\u002Fdiv>;\n  return \u003Cp>{hello.data.greeting}\u003C\u002Fp>;\n}\n","title=\"pages\u002Findex.tsx\"",[1870],{"type":55,"tag":97,"props":1871,"children":1872},{"__ignoreMap":99},[1873,1912,1919,1948,2028,2097,2151],{"type":55,"tag":63,"props":1874,"children":1875},{"class":126,"line":127},[1876,1880,1884,1888,1892,1896,1900,1904,1908],{"type":55,"tag":63,"props":1877,"children":1878},{"style":192},[1879],{"type":60,"value":195},{"type":55,"tag":63,"props":1881,"children":1882},{"style":198},[1883],{"type":60,"value":201},{"type":55,"tag":63,"props":1885,"children":1886},{"style":204},[1887],{"type":60,"value":1691},{"type":55,"tag":63,"props":1889,"children":1890},{"style":198},[1891],{"type":60,"value":212},{"type":55,"tag":63,"props":1893,"children":1894},{"style":192},[1895],{"type":60,"value":217},{"type":55,"tag":63,"props":1897,"children":1898},{"style":198},[1899],{"type":60,"value":222},{"type":55,"tag":63,"props":1901,"children":1902},{"style":137},[1903],{"type":60,"value":1708},{"type":55,"tag":63,"props":1905,"children":1906},{"style":198},[1907],{"type":60,"value":232},{"type":55,"tag":63,"props":1909,"children":1910},{"style":198},[1911],{"type":60,"value":237},{"type":55,"tag":63,"props":1913,"children":1914},{"class":126,"line":240},[1915],{"type":55,"tag":63,"props":1916,"children":1917},{"emptyLinePlaceholder":244},[1918],{"type":60,"value":247},{"type":55,"tag":63,"props":1920,"children":1921},{"class":126,"line":250},[1922,1926,1930,1935,1940,1944],{"type":55,"tag":63,"props":1923,"children":1924},{"style":192},[1925],{"type":60,"value":308},{"type":55,"tag":63,"props":1927,"children":1928},{"style":192},[1929],{"type":60,"value":897},{"type":55,"tag":63,"props":1931,"children":1932},{"style":254},[1933],{"type":60,"value":1934}," function",{"type":55,"tag":63,"props":1936,"children":1937},{"style":279},[1938],{"type":60,"value":1939}," IndexPage",{"type":55,"tag":63,"props":1941,"children":1942},{"style":198},[1943],{"type":60,"value":287},{"type":55,"tag":63,"props":1945,"children":1946},{"style":198},[1947],{"type":60,"value":1151},{"type":55,"tag":63,"props":1949,"children":1950},{"class":126,"line":294},[1951,1956,1961,1965,1969,1973,1978,1982,1987,1991,1995,1999,2003,2007,2012,2016,2020,2024],{"type":55,"tag":63,"props":1952,"children":1953},{"style":254},[1954],{"type":60,"value":1955},"  const",{"type":55,"tag":63,"props":1957,"children":1958},{"style":204},[1959],{"type":60,"value":1960}," hello",{"type":55,"tag":63,"props":1962,"children":1963},{"style":198},[1964],{"type":60,"value":769},{"type":55,"tag":63,"props":1966,"children":1967},{"style":204},[1968],{"type":60,"value":1691},{"type":55,"tag":63,"props":1970,"children":1971},{"style":198},[1972],{"type":60,"value":276},{"type":55,"tag":63,"props":1974,"children":1975},{"style":204},[1976],{"type":60,"value":1977},"hello",{"type":55,"tag":63,"props":1979,"children":1980},{"style":198},[1981],{"type":60,"value":276},{"type":55,"tag":63,"props":1983,"children":1984},{"style":279},[1985],{"type":60,"value":1986},"useQuery",{"type":55,"tag":63,"props":1988,"children":1989},{"style":531},[1990],{"type":60,"value":520},{"type":55,"tag":63,"props":1992,"children":1993},{"style":198},[1994],{"type":60,"value":575},{"type":55,"tag":63,"props":1996,"children":1997},{"style":531},[1998],{"type":60,"value":580},{"type":55,"tag":63,"props":2000,"children":2001},{"style":198},[2002],{"type":60,"value":539},{"type":55,"tag":63,"props":2004,"children":2005},{"style":198},[2006],{"type":60,"value":222},{"type":55,"tag":63,"props":2008,"children":2009},{"style":137},[2010],{"type":60,"value":2011},"client",{"type":55,"tag":63,"props":2013,"children":2014},{"style":198},[2015],{"type":60,"value":232},{"type":55,"tag":63,"props":2017,"children":2018},{"style":198},[2019],{"type":60,"value":212},{"type":55,"tag":63,"props":2021,"children":2022},{"style":531},[2023],{"type":60,"value":734},{"type":55,"tag":63,"props":2025,"children":2026},{"style":198},[2027],{"type":60,"value":237},{"type":55,"tag":63,"props":2029,"children":2030},{"class":126,"line":302},[2031,2035,2039,2044,2048,2052,2057,2061,2065,2069,2074,2078,2083,2088,2092],{"type":55,"tag":63,"props":2032,"children":2033},{"style":192},[2034],{"type":60,"value":1159},{"type":55,"tag":63,"props":2036,"children":2037},{"style":531},[2038],{"type":60,"value":651},{"type":55,"tag":63,"props":2040,"children":2041},{"style":198},[2042],{"type":60,"value":2043},"!",{"type":55,"tag":63,"props":2045,"children":2046},{"style":204},[2047],{"type":60,"value":1977},{"type":55,"tag":63,"props":2049,"children":2050},{"style":198},[2051],{"type":60,"value":276},{"type":55,"tag":63,"props":2053,"children":2054},{"style":204},[2055],{"type":60,"value":2056},"data",{"type":55,"tag":63,"props":2058,"children":2059},{"style":531},[2060],{"type":60,"value":1196},{"type":55,"tag":63,"props":2062,"children":2063},{"style":192},[2064],{"type":60,"value":1201},{"type":55,"tag":63,"props":2066,"children":2067},{"style":198},[2068],{"type":60,"value":1790},{"type":55,"tag":63,"props":2070,"children":2071},{"style":531},[2072],{"type":60,"value":2073},"div",{"type":55,"tag":63,"props":2075,"children":2076},{"style":198},[2077],{"type":60,"value":1409},{"type":55,"tag":63,"props":2079,"children":2080},{"style":204},[2081],{"type":60,"value":2082},"Loading...",{"type":55,"tag":63,"props":2084,"children":2085},{"style":198},[2086],{"type":60,"value":2087},"\u003C\u002F",{"type":55,"tag":63,"props":2089,"children":2090},{"style":531},[2091],{"type":60,"value":2073},{"type":55,"tag":63,"props":2093,"children":2094},{"style":198},[2095],{"type":60,"value":2096},">;\n",{"type":55,"tag":63,"props":2098,"children":2099},{"class":126,"line":343},[2100,2104,2108,2112,2117,2121,2125,2129,2133,2138,2143,2147],{"type":55,"tag":63,"props":2101,"children":2102},{"style":192},[2103],{"type":60,"value":1301},{"type":55,"tag":63,"props":2105,"children":2106},{"style":198},[2107],{"type":60,"value":1790},{"type":55,"tag":63,"props":2109,"children":2110},{"style":531},[2111],{"type":60,"value":56},{"type":55,"tag":63,"props":2113,"children":2114},{"style":198},[2115],{"type":60,"value":2116},">{",{"type":55,"tag":63,"props":2118,"children":2119},{"style":204},[2120],{"type":60,"value":1977},{"type":55,"tag":63,"props":2122,"children":2123},{"style":198},[2124],{"type":60,"value":276},{"type":55,"tag":63,"props":2126,"children":2127},{"style":204},[2128],{"type":60,"value":2056},{"type":55,"tag":63,"props":2130,"children":2131},{"style":198},[2132],{"type":60,"value":276},{"type":55,"tag":63,"props":2134,"children":2135},{"style":204},[2136],{"type":60,"value":2137},"greeting",{"type":55,"tag":63,"props":2139,"children":2140},{"style":198},[2141],{"type":60,"value":2142},"}\u003C\u002F",{"type":55,"tag":63,"props":2144,"children":2145},{"style":531},[2146],{"type":60,"value":56},{"type":55,"tag":63,"props":2148,"children":2149},{"style":198},[2150],{"type":60,"value":2096},{"type":55,"tag":63,"props":2152,"children":2153},{"class":126,"line":707},[2154],{"type":55,"tag":63,"props":2155,"children":2156},{"style":198},[2157],{"type":60,"value":1362},{"type":55,"tag":83,"props":2159,"children":2161},{"id":2160},"core-patterns",[2162],{"type":60,"value":2163},"Core Patterns",{"type":55,"tag":109,"props":2165,"children":2167},{"id":2166},"ssr-with-ssr-true",[2168],{"type":60,"value":2169},"SSR with ssr: true",{"type":55,"tag":56,"props":2171,"children":2172},{},[2173,2175,2181],{"type":60,"value":2174},"Enable SSR to prefetch all queries on the server automatically. Requires ",{"type":55,"tag":97,"props":2176,"children":2178},{"className":2177},[],[2179],{"type":60,"value":2180},"ssrPrepass",{"type":60,"value":2182}," and forwarding client headers.",{"type":55,"tag":90,"props":2184,"children":2186},{"className":179,"code":2185,"language":181,"meta":992,"style":99},"import { httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCNext } from '@trpc\u002Fnext';\nimport { ssrPrepass } from '@trpc\u002Fnext\u002FssrPrepass';\nimport type { AppRouter } from '..\u002Fserver\u002Frouters\u002F_app';\n\nfunction getBaseUrl() {\n  if (typeof window !== 'undefined') return '';\n  if (process.env.VERCEL_URL) return `https:\u002F\u002F${process.env.VERCEL_URL}`;\n  return `http:\u002F\u002Flocalhost:${process.env.PORT ?? 3000}`;\n}\n\nexport const trpc = createTRPCNext\u003CAppRouter>({\n  ssr: true,\n  ssrPrepass,\n  config({ ctx }) {\n    if (typeof window !== 'undefined') {\n      return {\n        links: [httpBatchLink({ url: '\u002Fapi\u002Ftrpc' })],\n      };\n    }\n    return {\n      links: [\n        httpBatchLink({\n          url: `${getBaseUrl()}\u002Fapi\u002Ftrpc`,\n          headers() {\n            if (!ctx?.req?.headers) return {};\n            return { cookie: ctx.req.headers.cookie };\n          },\n        }),\n      ],\n    };\n  },\n});\n",[2187],{"type":55,"tag":97,"props":2188,"children":2189},{"__ignoreMap":99},[2190,2229,2268,2309,2352,2359,2378,2429,2508,2563,2570,2577,2620,2640,2652,2676,2720,2732,2796,2804,2812,2823,2838,2854,2894,2911,2965,3021,3030,3046,3058,3066,3074],{"type":55,"tag":63,"props":2191,"children":2192},{"class":126,"line":127},[2193,2197,2201,2205,2209,2213,2217,2221,2225],{"type":55,"tag":63,"props":2194,"children":2195},{"style":192},[2196],{"type":60,"value":195},{"type":55,"tag":63,"props":2198,"children":2199},{"style":198},[2200],{"type":60,"value":201},{"type":55,"tag":63,"props":2202,"children":2203},{"style":204},[2204],{"type":60,"value":1012},{"type":55,"tag":63,"props":2206,"children":2207},{"style":198},[2208],{"type":60,"value":212},{"type":55,"tag":63,"props":2210,"children":2211},{"style":192},[2212],{"type":60,"value":217},{"type":55,"tag":63,"props":2214,"children":2215},{"style":198},[2216],{"type":60,"value":222},{"type":55,"tag":63,"props":2218,"children":2219},{"style":137},[2220],{"type":60,"value":1029},{"type":55,"tag":63,"props":2222,"children":2223},{"style":198},[2224],{"type":60,"value":232},{"type":55,"tag":63,"props":2226,"children":2227},{"style":198},[2228],{"type":60,"value":237},{"type":55,"tag":63,"props":2230,"children":2231},{"class":126,"line":240},[2232,2236,2240,2244,2248,2252,2256,2260,2264],{"type":55,"tag":63,"props":2233,"children":2234},{"style":192},[2235],{"type":60,"value":195},{"type":55,"tag":63,"props":2237,"children":2238},{"style":198},[2239],{"type":60,"value":201},{"type":55,"tag":63,"props":2241,"children":2242},{"style":204},[2243],{"type":60,"value":1053},{"type":55,"tag":63,"props":2245,"children":2246},{"style":198},[2247],{"type":60,"value":212},{"type":55,"tag":63,"props":2249,"children":2250},{"style":192},[2251],{"type":60,"value":217},{"type":55,"tag":63,"props":2253,"children":2254},{"style":198},[2255],{"type":60,"value":222},{"type":55,"tag":63,"props":2257,"children":2258},{"style":137},[2259],{"type":60,"value":1070},{"type":55,"tag":63,"props":2261,"children":2262},{"style":198},[2263],{"type":60,"value":232},{"type":55,"tag":63,"props":2265,"children":2266},{"style":198},[2267],{"type":60,"value":237},{"type":55,"tag":63,"props":2269,"children":2270},{"class":126,"line":250},[2271,2275,2279,2284,2288,2292,2296,2301,2305],{"type":55,"tag":63,"props":2272,"children":2273},{"style":192},[2274],{"type":60,"value":195},{"type":55,"tag":63,"props":2276,"children":2277},{"style":198},[2278],{"type":60,"value":201},{"type":55,"tag":63,"props":2280,"children":2281},{"style":204},[2282],{"type":60,"value":2283}," ssrPrepass",{"type":55,"tag":63,"props":2285,"children":2286},{"style":198},[2287],{"type":60,"value":212},{"type":55,"tag":63,"props":2289,"children":2290},{"style":192},[2291],{"type":60,"value":217},{"type":55,"tag":63,"props":2293,"children":2294},{"style":198},[2295],{"type":60,"value":222},{"type":55,"tag":63,"props":2297,"children":2298},{"style":137},[2299],{"type":60,"value":2300},"@trpc\u002Fnext\u002FssrPrepass",{"type":55,"tag":63,"props":2302,"children":2303},{"style":198},[2304],{"type":60,"value":232},{"type":55,"tag":63,"props":2306,"children":2307},{"style":198},[2308],{"type":60,"value":237},{"type":55,"tag":63,"props":2310,"children":2311},{"class":126,"line":294},[2312,2316,2320,2324,2328,2332,2336,2340,2344,2348],{"type":55,"tag":63,"props":2313,"children":2314},{"style":192},[2315],{"type":60,"value":195},{"type":55,"tag":63,"props":2317,"children":2318},{"style":192},[2319],{"type":60,"value":759},{"type":55,"tag":63,"props":2321,"children":2322},{"style":198},[2323],{"type":60,"value":201},{"type":55,"tag":63,"props":2325,"children":2326},{"style":204},[2327],{"type":60,"value":764},{"type":55,"tag":63,"props":2329,"children":2330},{"style":198},[2331],{"type":60,"value":212},{"type":55,"tag":63,"props":2333,"children":2334},{"style":192},[2335],{"type":60,"value":217},{"type":55,"tag":63,"props":2337,"children":2338},{"style":198},[2339],{"type":60,"value":222},{"type":55,"tag":63,"props":2341,"children":2342},{"style":137},[2343],{"type":60,"value":1114},{"type":55,"tag":63,"props":2345,"children":2346},{"style":198},[2347],{"type":60,"value":232},{"type":55,"tag":63,"props":2349,"children":2350},{"style":198},[2351],{"type":60,"value":237},{"type":55,"tag":63,"props":2353,"children":2354},{"class":126,"line":302},[2355],{"type":55,"tag":63,"props":2356,"children":2357},{"emptyLinePlaceholder":244},[2358],{"type":60,"value":247},{"type":55,"tag":63,"props":2360,"children":2361},{"class":126,"line":343},[2362,2366,2370,2374],{"type":55,"tag":63,"props":2363,"children":2364},{"style":254},[2365],{"type":60,"value":1137},{"type":55,"tag":63,"props":2367,"children":2368},{"style":279},[2369],{"type":60,"value":1142},{"type":55,"tag":63,"props":2371,"children":2372},{"style":198},[2373],{"type":60,"value":287},{"type":55,"tag":63,"props":2375,"children":2376},{"style":198},[2377],{"type":60,"value":1151},{"type":55,"tag":63,"props":2379,"children":2380},{"class":126,"line":707},[2381,2385,2389,2393,2397,2401,2405,2409,2413,2417,2421,2425],{"type":55,"tag":63,"props":2382,"children":2383},{"style":192},[2384],{"type":60,"value":1159},{"type":55,"tag":63,"props":2386,"children":2387},{"style":531},[2388],{"type":60,"value":651},{"type":55,"tag":63,"props":2390,"children":2391},{"style":198},[2392],{"type":60,"value":1168},{"type":55,"tag":63,"props":2394,"children":2395},{"style":204},[2396],{"type":60,"value":1173},{"type":55,"tag":63,"props":2398,"children":2399},{"style":198},[2400],{"type":60,"value":1178},{"type":55,"tag":63,"props":2402,"children":2403},{"style":198},[2404],{"type":60,"value":222},{"type":55,"tag":63,"props":2406,"children":2407},{"style":137},[2408],{"type":60,"value":1187},{"type":55,"tag":63,"props":2410,"children":2411},{"style":198},[2412],{"type":60,"value":232},{"type":55,"tag":63,"props":2414,"children":2415},{"style":531},[2416],{"type":60,"value":1196},{"type":55,"tag":63,"props":2418,"children":2419},{"style":192},[2420],{"type":60,"value":1201},{"type":55,"tag":63,"props":2422,"children":2423},{"style":198},[2424],{"type":60,"value":1206},{"type":55,"tag":63,"props":2426,"children":2427},{"style":198},[2428],{"type":60,"value":237},{"type":55,"tag":63,"props":2430,"children":2431},{"class":126,"line":724},[2432,2436,2440,2444,2448,2452,2456,2460,2464,2468,2472,2476,2480,2484,2488,2492,2496,2500,2504],{"type":55,"tag":63,"props":2433,"children":2434},{"style":192},[2435],{"type":60,"value":1159},{"type":55,"tag":63,"props":2437,"children":2438},{"style":531},[2439],{"type":60,"value":651},{"type":55,"tag":63,"props":2441,"children":2442},{"style":204},[2443],{"type":60,"value":1226},{"type":55,"tag":63,"props":2445,"children":2446},{"style":198},[2447],{"type":60,"value":276},{"type":55,"tag":63,"props":2449,"children":2450},{"style":204},[2451],{"type":60,"value":1235},{"type":55,"tag":63,"props":2453,"children":2454},{"style":198},[2455],{"type":60,"value":276},{"type":55,"tag":63,"props":2457,"children":2458},{"style":204},[2459],{"type":60,"value":1244},{"type":55,"tag":63,"props":2461,"children":2462},{"style":531},[2463],{"type":60,"value":1196},{"type":55,"tag":63,"props":2465,"children":2466},{"style":192},[2467],{"type":60,"value":1201},{"type":55,"tag":63,"props":2469,"children":2470},{"style":198},[2471],{"type":60,"value":672},{"type":55,"tag":63,"props":2473,"children":2474},{"style":137},[2475],{"type":60,"value":1261},{"type":55,"tag":63,"props":2477,"children":2478},{"style":198},[2479],{"type":60,"value":682},{"type":55,"tag":63,"props":2481,"children":2482},{"style":204},[2483],{"type":60,"value":1226},{"type":55,"tag":63,"props":2485,"children":2486},{"style":198},[2487],{"type":60,"value":276},{"type":55,"tag":63,"props":2489,"children":2490},{"style":204},[2491],{"type":60,"value":1235},{"type":55,"tag":63,"props":2493,"children":2494},{"style":198},[2495],{"type":60,"value":276},{"type":55,"tag":63,"props":2497,"children":2498},{"style":204},[2499],{"type":60,"value":1244},{"type":55,"tag":63,"props":2501,"children":2502},{"style":198},[2503],{"type":60,"value":699},{"type":55,"tag":63,"props":2505,"children":2506},{"style":198},[2507],{"type":60,"value":237},{"type":55,"tag":63,"props":2509,"children":2510},{"class":126,"line":741},[2511,2515,2519,2523,2527,2531,2535,2539,2543,2547,2551,2555,2559],{"type":55,"tag":63,"props":2512,"children":2513},{"style":192},[2514],{"type":60,"value":1301},{"type":55,"tag":63,"props":2516,"children":2517},{"style":198},[2518],{"type":60,"value":672},{"type":55,"tag":63,"props":2520,"children":2521},{"style":137},[2522],{"type":60,"value":1310},{"type":55,"tag":63,"props":2524,"children":2525},{"style":198},[2526],{"type":60,"value":682},{"type":55,"tag":63,"props":2528,"children":2529},{"style":204},[2530],{"type":60,"value":1226},{"type":55,"tag":63,"props":2532,"children":2533},{"style":198},[2534],{"type":60,"value":276},{"type":55,"tag":63,"props":2536,"children":2537},{"style":204},[2538],{"type":60,"value":1235},{"type":55,"tag":63,"props":2540,"children":2541},{"style":198},[2542],{"type":60,"value":276},{"type":55,"tag":63,"props":2544,"children":2545},{"style":204},[2546],{"type":60,"value":1335},{"type":55,"tag":63,"props":2548,"children":2549},{"style":198},[2550],{"type":60,"value":1340},{"type":55,"tag":63,"props":2552,"children":2553},{"style":1343},[2554],{"type":60,"value":1346},{"type":55,"tag":63,"props":2556,"children":2557},{"style":198},[2558],{"type":60,"value":699},{"type":55,"tag":63,"props":2560,"children":2561},{"style":198},[2562],{"type":60,"value":237},{"type":55,"tag":63,"props":2564,"children":2565},{"class":126,"line":749},[2566],{"type":55,"tag":63,"props":2567,"children":2568},{"style":198},[2569],{"type":60,"value":1362},{"type":55,"tag":63,"props":2571,"children":2572},{"class":126,"line":1372},[2573],{"type":55,"tag":63,"props":2574,"children":2575},{"emptyLinePlaceholder":244},[2576],{"type":60,"value":247},{"type":55,"tag":63,"props":2578,"children":2579},{"class":126,"line":1420},[2580,2584,2588,2592,2596,2600,2604,2608,2612,2616],{"type":55,"tag":63,"props":2581,"children":2582},{"style":192},[2583],{"type":60,"value":308},{"type":55,"tag":63,"props":2585,"children":2586},{"style":254},[2587],{"type":60,"value":313},{"type":55,"tag":63,"props":2589,"children":2590},{"style":204},[2591],{"type":60,"value":1386},{"type":55,"tag":63,"props":2593,"children":2594},{"style":198},[2595],{"type":60,"value":267},{"type":55,"tag":63,"props":2597,"children":2598},{"style":279},[2599],{"type":60,"value":1053},{"type":55,"tag":63,"props":2601,"children":2602},{"style":198},[2603],{"type":60,"value":1399},{"type":55,"tag":63,"props":2605,"children":2606},{"style":131},[2607],{"type":60,"value":1404},{"type":55,"tag":63,"props":2609,"children":2610},{"style":198},[2611],{"type":60,"value":1409},{"type":55,"tag":63,"props":2613,"children":2614},{"style":204},[2615],{"type":60,"value":520},{"type":55,"tag":63,"props":2617,"children":2618},{"style":198},[2619],{"type":60,"value":525},{"type":55,"tag":63,"props":2621,"children":2622},{"class":126,"line":1437},[2623,2627,2631,2636],{"type":55,"tag":63,"props":2624,"children":2625},{"style":531},[2626],{"type":60,"value":1584},{"type":55,"tag":63,"props":2628,"children":2629},{"style":198},[2630],{"type":60,"value":539},{"type":55,"tag":63,"props":2632,"children":2633},{"style":1591},[2634],{"type":60,"value":2635}," true",{"type":55,"tag":63,"props":2637,"children":2638},{"style":198},[2639],{"type":60,"value":704},{"type":55,"tag":63,"props":2641,"children":2642},{"class":126,"line":1450},[2643,2648],{"type":55,"tag":63,"props":2644,"children":2645},{"style":204},[2646],{"type":60,"value":2647},"  ssrPrepass",{"type":55,"tag":63,"props":2649,"children":2650},{"style":198},[2651],{"type":60,"value":704},{"type":55,"tag":63,"props":2653,"children":2654},{"class":126,"line":1468},[2655,2659,2663,2668,2672],{"type":55,"tag":63,"props":2656,"children":2657},{"style":531},[2658],{"type":60,"value":1426},{"type":55,"tag":63,"props":2660,"children":2661},{"style":198},[2662],{"type":60,"value":630},{"type":55,"tag":63,"props":2664,"children":2665},{"style":633},[2666],{"type":60,"value":2667}," ctx",{"type":55,"tag":63,"props":2669,"children":2670},{"style":198},[2671],{"type":60,"value":641},{"type":55,"tag":63,"props":2673,"children":2674},{"style":198},[2675],{"type":60,"value":1151},{"type":55,"tag":63,"props":2677,"children":2678},{"class":126,"line":1485},[2679,2684,2688,2692,2696,2700,2704,2708,2712,2716],{"type":55,"tag":63,"props":2680,"children":2681},{"style":192},[2682],{"type":60,"value":2683},"    if",{"type":55,"tag":63,"props":2685,"children":2686},{"style":531},[2687],{"type":60,"value":651},{"type":55,"tag":63,"props":2689,"children":2690},{"style":198},[2691],{"type":60,"value":1168},{"type":55,"tag":63,"props":2693,"children":2694},{"style":204},[2695],{"type":60,"value":1173},{"type":55,"tag":63,"props":2697,"children":2698},{"style":198},[2699],{"type":60,"value":1178},{"type":55,"tag":63,"props":2701,"children":2702},{"style":198},[2703],{"type":60,"value":222},{"type":55,"tag":63,"props":2705,"children":2706},{"style":137},[2707],{"type":60,"value":1187},{"type":55,"tag":63,"props":2709,"children":2710},{"style":198},[2711],{"type":60,"value":232},{"type":55,"tag":63,"props":2713,"children":2714},{"style":531},[2715],{"type":60,"value":1196},{"type":55,"tag":63,"props":2717,"children":2718},{"style":198},[2719],{"type":60,"value":525},{"type":55,"tag":63,"props":2721,"children":2722},{"class":126,"line":1530},[2723,2728],{"type":55,"tag":63,"props":2724,"children":2725},{"style":192},[2726],{"type":60,"value":2727},"      return",{"type":55,"tag":63,"props":2729,"children":2730},{"style":198},[2731],{"type":60,"value":1151},{"type":55,"tag":63,"props":2733,"children":2734},{"class":126,"line":1547},[2735,2740,2744,2749,2754,2758,2762,2767,2771,2775,2779,2783,2787,2792],{"type":55,"tag":63,"props":2736,"children":2737},{"style":531},[2738],{"type":60,"value":2739},"        links",{"type":55,"tag":63,"props":2741,"children":2742},{"style":198},[2743],{"type":60,"value":539},{"type":55,"tag":63,"props":2745,"children":2746},{"style":531},[2747],{"type":60,"value":2748}," [",{"type":55,"tag":63,"props":2750,"children":2751},{"style":279},[2752],{"type":60,"value":2753},"httpBatchLink",{"type":55,"tag":63,"props":2755,"children":2756},{"style":531},[2757],{"type":60,"value":520},{"type":55,"tag":63,"props":2759,"children":2760},{"style":198},[2761],{"type":60,"value":575},{"type":55,"tag":63,"props":2763,"children":2764},{"style":531},[2765],{"type":60,"value":2766}," url",{"type":55,"tag":63,"props":2768,"children":2769},{"style":198},[2770],{"type":60,"value":539},{"type":55,"tag":63,"props":2772,"children":2773},{"style":198},[2774],{"type":60,"value":222},{"type":55,"tag":63,"props":2776,"children":2777},{"style":137},[2778],{"type":60,"value":1518},{"type":55,"tag":63,"props":2780,"children":2781},{"style":198},[2782],{"type":60,"value":232},{"type":55,"tag":63,"props":2784,"children":2785},{"style":198},[2786],{"type":60,"value":212},{"type":55,"tag":63,"props":2788,"children":2789},{"style":531},[2790],{"type":60,"value":2791},")]",{"type":55,"tag":63,"props":2793,"children":2794},{"style":198},[2795],{"type":60,"value":704},{"type":55,"tag":63,"props":2797,"children":2798},{"class":126,"line":1560},[2799],{"type":55,"tag":63,"props":2800,"children":2801},{"style":198},[2802],{"type":60,"value":2803},"      };\n",{"type":55,"tag":63,"props":2805,"children":2806},{"class":126,"line":1569},[2807],{"type":55,"tag":63,"props":2808,"children":2809},{"style":198},[2810],{"type":60,"value":2811},"    }\n",{"type":55,"tag":63,"props":2813,"children":2814},{"class":126,"line":1578},[2815,2819],{"type":55,"tag":63,"props":2816,"children":2817},{"style":192},[2818],{"type":60,"value":1443},{"type":55,"tag":63,"props":2820,"children":2821},{"style":198},[2822],{"type":60,"value":1151},{"type":55,"tag":63,"props":2824,"children":2825},{"class":126,"line":1601},[2826,2830,2834],{"type":55,"tag":63,"props":2827,"children":2828},{"style":531},[2829],{"type":60,"value":1456},{"type":55,"tag":63,"props":2831,"children":2832},{"style":198},[2833],{"type":60,"value":539},{"type":55,"tag":63,"props":2835,"children":2836},{"style":531},[2837],{"type":60,"value":1465},{"type":55,"tag":63,"props":2839,"children":2841},{"class":126,"line":2840},23,[2842,2846,2850],{"type":55,"tag":63,"props":2843,"children":2844},{"style":279},[2845],{"type":60,"value":1474},{"type":55,"tag":63,"props":2847,"children":2848},{"style":531},[2849],{"type":60,"value":520},{"type":55,"tag":63,"props":2851,"children":2852},{"style":198},[2853],{"type":60,"value":525},{"type":55,"tag":63,"props":2855,"children":2857},{"class":126,"line":2856},24,[2858,2862,2866,2870,2874,2878,2882,2886,2890],{"type":55,"tag":63,"props":2859,"children":2860},{"style":531},[2861],{"type":60,"value":1491},{"type":55,"tag":63,"props":2863,"children":2864},{"style":198},[2865],{"type":60,"value":539},{"type":55,"tag":63,"props":2867,"children":2868},{"style":198},[2869],{"type":60,"value":1500},{"type":55,"tag":63,"props":2871,"children":2872},{"style":279},[2873],{"type":60,"value":1505},{"type":55,"tag":63,"props":2875,"children":2876},{"style":204},[2877],{"type":60,"value":287},{"type":55,"tag":63,"props":2879,"children":2880},{"style":198},[2881],{"type":60,"value":607},{"type":55,"tag":63,"props":2883,"children":2884},{"style":137},[2885],{"type":60,"value":1518},{"type":55,"tag":63,"props":2887,"children":2888},{"style":198},[2889],{"type":60,"value":1523},{"type":55,"tag":63,"props":2891,"children":2892},{"style":198},[2893],{"type":60,"value":704},{"type":55,"tag":63,"props":2895,"children":2897},{"class":126,"line":2896},25,[2898,2903,2907],{"type":55,"tag":63,"props":2899,"children":2900},{"style":531},[2901],{"type":60,"value":2902},"          headers",{"type":55,"tag":63,"props":2904,"children":2905},{"style":198},[2906],{"type":60,"value":287},{"type":55,"tag":63,"props":2908,"children":2909},{"style":198},[2910],{"type":60,"value":1151},{"type":55,"tag":63,"props":2912,"children":2914},{"class":126,"line":2913},26,[2915,2920,2924,2928,2933,2938,2943,2947,2952,2956,2960],{"type":55,"tag":63,"props":2916,"children":2917},{"style":192},[2918],{"type":60,"value":2919},"            if",{"type":55,"tag":63,"props":2921,"children":2922},{"style":531},[2923],{"type":60,"value":651},{"type":55,"tag":63,"props":2925,"children":2926},{"style":198},[2927],{"type":60,"value":2043},{"type":55,"tag":63,"props":2929,"children":2930},{"style":204},[2931],{"type":60,"value":2932},"ctx",{"type":55,"tag":63,"props":2934,"children":2935},{"style":198},[2936],{"type":60,"value":2937},"?.",{"type":55,"tag":63,"props":2939,"children":2940},{"style":204},[2941],{"type":60,"value":2942},"req",{"type":55,"tag":63,"props":2944,"children":2945},{"style":198},[2946],{"type":60,"value":2937},{"type":55,"tag":63,"props":2948,"children":2949},{"style":204},[2950],{"type":60,"value":2951},"headers",{"type":55,"tag":63,"props":2953,"children":2954},{"style":531},[2955],{"type":60,"value":1196},{"type":55,"tag":63,"props":2957,"children":2958},{"style":192},[2959],{"type":60,"value":1201},{"type":55,"tag":63,"props":2961,"children":2962},{"style":198},[2963],{"type":60,"value":2964}," {};\n",{"type":55,"tag":63,"props":2966,"children":2968},{"class":126,"line":2967},27,[2969,2974,2978,2983,2987,2991,2995,2999,3003,3007,3011,3016],{"type":55,"tag":63,"props":2970,"children":2971},{"style":192},[2972],{"type":60,"value":2973},"            return",{"type":55,"tag":63,"props":2975,"children":2976},{"style":198},[2977],{"type":60,"value":201},{"type":55,"tag":63,"props":2979,"children":2980},{"style":531},[2981],{"type":60,"value":2982}," cookie",{"type":55,"tag":63,"props":2984,"children":2985},{"style":198},[2986],{"type":60,"value":539},{"type":55,"tag":63,"props":2988,"children":2989},{"style":204},[2990],{"type":60,"value":2667},{"type":55,"tag":63,"props":2992,"children":2993},{"style":198},[2994],{"type":60,"value":276},{"type":55,"tag":63,"props":2996,"children":2997},{"style":204},[2998],{"type":60,"value":2942},{"type":55,"tag":63,"props":3000,"children":3001},{"style":198},[3002],{"type":60,"value":276},{"type":55,"tag":63,"props":3004,"children":3005},{"style":204},[3006],{"type":60,"value":2951},{"type":55,"tag":63,"props":3008,"children":3009},{"style":198},[3010],{"type":60,"value":276},{"type":55,"tag":63,"props":3012,"children":3013},{"style":204},[3014],{"type":60,"value":3015},"cookie",{"type":55,"tag":63,"props":3017,"children":3018},{"style":198},[3019],{"type":60,"value":3020}," };\n",{"type":55,"tag":63,"props":3022,"children":3024},{"class":126,"line":3023},28,[3025],{"type":55,"tag":63,"props":3026,"children":3027},{"style":198},[3028],{"type":60,"value":3029},"          },\n",{"type":55,"tag":63,"props":3031,"children":3033},{"class":126,"line":3032},29,[3034,3038,3042],{"type":55,"tag":63,"props":3035,"children":3036},{"style":198},[3037],{"type":60,"value":1536},{"type":55,"tag":63,"props":3039,"children":3040},{"style":531},[3041],{"type":60,"value":734},{"type":55,"tag":63,"props":3043,"children":3044},{"style":198},[3045],{"type":60,"value":704},{"type":55,"tag":63,"props":3047,"children":3049},{"class":126,"line":3048},30,[3050,3054],{"type":55,"tag":63,"props":3051,"children":3052},{"style":531},[3053],{"type":60,"value":1553},{"type":55,"tag":63,"props":3055,"children":3056},{"style":198},[3057],{"type":60,"value":704},{"type":55,"tag":63,"props":3059,"children":3061},{"class":126,"line":3060},31,[3062],{"type":55,"tag":63,"props":3063,"children":3064},{"style":198},[3065],{"type":60,"value":1566},{"type":55,"tag":63,"props":3067,"children":3069},{"class":126,"line":3068},32,[3070],{"type":55,"tag":63,"props":3071,"children":3072},{"style":198},[3073],{"type":60,"value":1575},{"type":55,"tag":63,"props":3075,"children":3077},{"class":126,"line":3076},33,[3078,3082,3086],{"type":55,"tag":63,"props":3079,"children":3080},{"style":198},[3081],{"type":60,"value":607},{"type":55,"tag":63,"props":3083,"children":3084},{"style":204},[3085],{"type":60,"value":734},{"type":55,"tag":63,"props":3087,"children":3088},{"style":198},[3089],{"type":60,"value":237},{"type":55,"tag":109,"props":3091,"children":3093},{"id":3092},"ssg-with-createserversidehelpers-and-getstaticprops",[3094],{"type":60,"value":3095},"SSG with createServerSideHelpers and getStaticProps",{"type":55,"tag":90,"props":3097,"children":3101},{"className":1623,"code":3098,"filename":3099,"language":1625,"meta":3100,"style":99},"import { createServerSideHelpers } from '@trpc\u002Freact-query\u002Fserver';\nimport type {\n  GetStaticPaths,\n  GetStaticPropsContext,\n  InferGetStaticPropsType,\n} from 'next';\nimport superjson from 'superjson';\nimport { appRouter } from '..\u002F..\u002Fserver\u002Frouters\u002F_app';\nimport { trpc } from '..\u002F..\u002Futils\u002Ftrpc';\n\nexport async function getStaticProps(\n  context: GetStaticPropsContext\u003C{ id: string }>,\n) {\n  const helpers = createServerSideHelpers({\n    router: appRouter,\n    ctx: {},\n    transformer: superjson,\n  });\n  const id = context.params?.id as string;\n\n  await helpers.post.byId.prefetch({ id });\n\n  return {\n    props: {\n      trpcState: helpers.dehydrate(),\n      id,\n    },\n    revalidate: 1,\n  };\n}\n\nexport const getStaticPaths: GetStaticPaths = async () => {\n  return { paths: [], fallback: 'blocking' };\n};\n\nexport default function PostPage(\n  props: InferGetStaticPropsType\u003Ctypeof getStaticProps>,\n) {\n  const { id } = props;\n  const postQuery = trpc.post.byId.useQuery({ id });\n\n  if (postQuery.status !== 'success') return \u003C>Loading...\u003C\u002F>;\n  return \u003Ch1>{postQuery.data.title}\u003C\u002Fh1>;\n}\n","id","title=\"pages\u002Fposts\u002F.tsx\"",[3102],{"type":55,"tag":97,"props":3103,"children":3104},{"__ignoreMap":99},[3105,3146,3161,3173,3185,3197,3224,3258,3298,3338,3345,3371,3412,3423,3451,3471,3488,3509,3524,3574,3581,3644,3651,3662,3678,3711,3723,3731,3752,3760,3767,3774,3819,3874,3882,3890,3915,3947,3959,3992,4061,4069,4134,4187],{"type":55,"tag":63,"props":3106,"children":3107},{"class":126,"line":127},[3108,3112,3116,3121,3125,3129,3133,3138,3142],{"type":55,"tag":63,"props":3109,"children":3110},{"style":192},[3111],{"type":60,"value":195},{"type":55,"tag":63,"props":3113,"children":3114},{"style":198},[3115],{"type":60,"value":201},{"type":55,"tag":63,"props":3117,"children":3118},{"style":204},[3119],{"type":60,"value":3120}," createServerSideHelpers",{"type":55,"tag":63,"props":3122,"children":3123},{"style":198},[3124],{"type":60,"value":212},{"type":55,"tag":63,"props":3126,"children":3127},{"style":192},[3128],{"type":60,"value":217},{"type":55,"tag":63,"props":3130,"children":3131},{"style":198},[3132],{"type":60,"value":222},{"type":55,"tag":63,"props":3134,"children":3135},{"style":137},[3136],{"type":60,"value":3137},"@trpc\u002Freact-query\u002Fserver",{"type":55,"tag":63,"props":3139,"children":3140},{"style":198},[3141],{"type":60,"value":232},{"type":55,"tag":63,"props":3143,"children":3144},{"style":198},[3145],{"type":60,"value":237},{"type":55,"tag":63,"props":3147,"children":3148},{"class":126,"line":240},[3149,3153,3157],{"type":55,"tag":63,"props":3150,"children":3151},{"style":192},[3152],{"type":60,"value":195},{"type":55,"tag":63,"props":3154,"children":3155},{"style":192},[3156],{"type":60,"value":759},{"type":55,"tag":63,"props":3158,"children":3159},{"style":198},[3160],{"type":60,"value":1151},{"type":55,"tag":63,"props":3162,"children":3163},{"class":126,"line":250},[3164,3169],{"type":55,"tag":63,"props":3165,"children":3166},{"style":204},[3167],{"type":60,"value":3168},"  GetStaticPaths",{"type":55,"tag":63,"props":3170,"children":3171},{"style":198},[3172],{"type":60,"value":704},{"type":55,"tag":63,"props":3174,"children":3175},{"class":126,"line":294},[3176,3181],{"type":55,"tag":63,"props":3177,"children":3178},{"style":204},[3179],{"type":60,"value":3180},"  GetStaticPropsContext",{"type":55,"tag":63,"props":3182,"children":3183},{"style":198},[3184],{"type":60,"value":704},{"type":55,"tag":63,"props":3186,"children":3187},{"class":126,"line":302},[3188,3193],{"type":55,"tag":63,"props":3189,"children":3190},{"style":204},[3191],{"type":60,"value":3192},"  InferGetStaticPropsType",{"type":55,"tag":63,"props":3194,"children":3195},{"style":198},[3196],{"type":60,"value":704},{"type":55,"tag":63,"props":3198,"children":3199},{"class":126,"line":343},[3200,3204,3208,3212,3216,3220],{"type":55,"tag":63,"props":3201,"children":3202},{"style":198},[3203],{"type":60,"value":607},{"type":55,"tag":63,"props":3205,"children":3206},{"style":192},[3207],{"type":60,"value":217},{"type":55,"tag":63,"props":3209,"children":3210},{"style":198},[3211],{"type":60,"value":222},{"type":55,"tag":63,"props":3213,"children":3214},{"style":137},[3215],{"type":60,"value":30},{"type":55,"tag":63,"props":3217,"children":3218},{"style":198},[3219],{"type":60,"value":232},{"type":55,"tag":63,"props":3221,"children":3222},{"style":198},[3223],{"type":60,"value":237},{"type":55,"tag":63,"props":3225,"children":3226},{"class":126,"line":707},[3227,3231,3236,3241,3245,3250,3254],{"type":55,"tag":63,"props":3228,"children":3229},{"style":192},[3230],{"type":60,"value":195},{"type":55,"tag":63,"props":3232,"children":3233},{"style":204},[3234],{"type":60,"value":3235}," superjson ",{"type":55,"tag":63,"props":3237,"children":3238},{"style":192},[3239],{"type":60,"value":3240},"from",{"type":55,"tag":63,"props":3242,"children":3243},{"style":198},[3244],{"type":60,"value":222},{"type":55,"tag":63,"props":3246,"children":3247},{"style":137},[3248],{"type":60,"value":3249},"superjson",{"type":55,"tag":63,"props":3251,"children":3252},{"style":198},[3253],{"type":60,"value":232},{"type":55,"tag":63,"props":3255,"children":3256},{"style":198},[3257],{"type":60,"value":237},{"type":55,"tag":63,"props":3259,"children":3260},{"class":126,"line":724},[3261,3265,3269,3273,3277,3281,3285,3290,3294],{"type":55,"tag":63,"props":3262,"children":3263},{"style":192},[3264],{"type":60,"value":195},{"type":55,"tag":63,"props":3266,"children":3267},{"style":198},[3268],{"type":60,"value":201},{"type":55,"tag":63,"props":3270,"children":3271},{"style":204},[3272],{"type":60,"value":779},{"type":55,"tag":63,"props":3274,"children":3275},{"style":198},[3276],{"type":60,"value":212},{"type":55,"tag":63,"props":3278,"children":3279},{"style":192},[3280],{"type":60,"value":217},{"type":55,"tag":63,"props":3282,"children":3283},{"style":198},[3284],{"type":60,"value":222},{"type":55,"tag":63,"props":3286,"children":3287},{"style":137},[3288],{"type":60,"value":3289},"..\u002F..\u002Fserver\u002Frouters\u002F_app",{"type":55,"tag":63,"props":3291,"children":3292},{"style":198},[3293],{"type":60,"value":232},{"type":55,"tag":63,"props":3295,"children":3296},{"style":198},[3297],{"type":60,"value":237},{"type":55,"tag":63,"props":3299,"children":3300},{"class":126,"line":741},[3301,3305,3309,3313,3317,3321,3325,3330,3334],{"type":55,"tag":63,"props":3302,"children":3303},{"style":192},[3304],{"type":60,"value":195},{"type":55,"tag":63,"props":3306,"children":3307},{"style":198},[3308],{"type":60,"value":201},{"type":55,"tag":63,"props":3310,"children":3311},{"style":204},[3312],{"type":60,"value":1691},{"type":55,"tag":63,"props":3314,"children":3315},{"style":198},[3316],{"type":60,"value":212},{"type":55,"tag":63,"props":3318,"children":3319},{"style":192},[3320],{"type":60,"value":217},{"type":55,"tag":63,"props":3322,"children":3323},{"style":198},[3324],{"type":60,"value":222},{"type":55,"tag":63,"props":3326,"children":3327},{"style":137},[3328],{"type":60,"value":3329},"..\u002F..\u002Futils\u002Ftrpc",{"type":55,"tag":63,"props":3331,"children":3332},{"style":198},[3333],{"type":60,"value":232},{"type":55,"tag":63,"props":3335,"children":3336},{"style":198},[3337],{"type":60,"value":237},{"type":55,"tag":63,"props":3339,"children":3340},{"class":126,"line":749},[3341],{"type":55,"tag":63,"props":3342,"children":3343},{"emptyLinePlaceholder":244},[3344],{"type":60,"value":247},{"type":55,"tag":63,"props":3346,"children":3347},{"class":126,"line":1372},[3348,3352,3357,3361,3366],{"type":55,"tag":63,"props":3349,"children":3350},{"style":192},[3351],{"type":60,"value":308},{"type":55,"tag":63,"props":3353,"children":3354},{"style":254},[3355],{"type":60,"value":3356}," async",{"type":55,"tag":63,"props":3358,"children":3359},{"style":254},[3360],{"type":60,"value":1934},{"type":55,"tag":63,"props":3362,"children":3363},{"style":279},[3364],{"type":60,"value":3365}," getStaticProps",{"type":55,"tag":63,"props":3367,"children":3368},{"style":198},[3369],{"type":60,"value":3370},"(\n",{"type":55,"tag":63,"props":3372,"children":3373},{"class":126,"line":1420},[3374,3379,3383,3388,3393,3398,3402,3407],{"type":55,"tag":63,"props":3375,"children":3376},{"style":633},[3377],{"type":60,"value":3378},"  context",{"type":55,"tag":63,"props":3380,"children":3381},{"style":198},[3382],{"type":60,"value":539},{"type":55,"tag":63,"props":3384,"children":3385},{"style":131},[3386],{"type":60,"value":3387}," GetStaticPropsContext",{"type":55,"tag":63,"props":3389,"children":3390},{"style":198},[3391],{"type":60,"value":3392},"\u003C{",{"type":55,"tag":63,"props":3394,"children":3395},{"style":531},[3396],{"type":60,"value":3397}," id",{"type":55,"tag":63,"props":3399,"children":3400},{"style":198},[3401],{"type":60,"value":539},{"type":55,"tag":63,"props":3403,"children":3404},{"style":131},[3405],{"type":60,"value":3406}," string",{"type":55,"tag":63,"props":3408,"children":3409},{"style":198},[3410],{"type":60,"value":3411}," }>,\n",{"type":55,"tag":63,"props":3413,"children":3414},{"class":126,"line":1437},[3415,3419],{"type":55,"tag":63,"props":3416,"children":3417},{"style":198},[3418],{"type":60,"value":734},{"type":55,"tag":63,"props":3420,"children":3421},{"style":198},[3422],{"type":60,"value":1151},{"type":55,"tag":63,"props":3424,"children":3425},{"class":126,"line":1450},[3426,3430,3435,3439,3443,3447],{"type":55,"tag":63,"props":3427,"children":3428},{"style":254},[3429],{"type":60,"value":1955},{"type":55,"tag":63,"props":3431,"children":3432},{"style":204},[3433],{"type":60,"value":3434}," helpers",{"type":55,"tag":63,"props":3436,"children":3437},{"style":198},[3438],{"type":60,"value":769},{"type":55,"tag":63,"props":3440,"children":3441},{"style":279},[3442],{"type":60,"value":3120},{"type":55,"tag":63,"props":3444,"children":3445},{"style":531},[3446],{"type":60,"value":520},{"type":55,"tag":63,"props":3448,"children":3449},{"style":198},[3450],{"type":60,"value":525},{"type":55,"tag":63,"props":3452,"children":3453},{"class":126,"line":1468},[3454,3459,3463,3467],{"type":55,"tag":63,"props":3455,"children":3456},{"style":531},[3457],{"type":60,"value":3458},"    router",{"type":55,"tag":63,"props":3460,"children":3461},{"style":198},[3462],{"type":60,"value":539},{"type":55,"tag":63,"props":3464,"children":3465},{"style":204},[3466],{"type":60,"value":779},{"type":55,"tag":63,"props":3468,"children":3469},{"style":198},[3470],{"type":60,"value":704},{"type":55,"tag":63,"props":3472,"children":3473},{"class":126,"line":1485},[3474,3479,3483],{"type":55,"tag":63,"props":3475,"children":3476},{"style":531},[3477],{"type":60,"value":3478},"    ctx",{"type":55,"tag":63,"props":3480,"children":3481},{"style":198},[3482],{"type":60,"value":539},{"type":55,"tag":63,"props":3484,"children":3485},{"style":198},[3486],{"type":60,"value":3487}," {},\n",{"type":55,"tag":63,"props":3489,"children":3490},{"class":126,"line":1530},[3491,3496,3500,3505],{"type":55,"tag":63,"props":3492,"children":3493},{"style":531},[3494],{"type":60,"value":3495},"    transformer",{"type":55,"tag":63,"props":3497,"children":3498},{"style":198},[3499],{"type":60,"value":539},{"type":55,"tag":63,"props":3501,"children":3502},{"style":204},[3503],{"type":60,"value":3504}," superjson",{"type":55,"tag":63,"props":3506,"children":3507},{"style":198},[3508],{"type":60,"value":704},{"type":55,"tag":63,"props":3510,"children":3511},{"class":126,"line":1547},[3512,3516,3520],{"type":55,"tag":63,"props":3513,"children":3514},{"style":198},[3515],{"type":60,"value":713},{"type":55,"tag":63,"props":3517,"children":3518},{"style":531},[3519],{"type":60,"value":734},{"type":55,"tag":63,"props":3521,"children":3522},{"style":198},[3523],{"type":60,"value":237},{"type":55,"tag":63,"props":3525,"children":3526},{"class":126,"line":1560},[3527,3531,3535,3539,3544,3548,3553,3557,3561,3566,3570],{"type":55,"tag":63,"props":3528,"children":3529},{"style":254},[3530],{"type":60,"value":1955},{"type":55,"tag":63,"props":3532,"children":3533},{"style":204},[3534],{"type":60,"value":3397},{"type":55,"tag":63,"props":3536,"children":3537},{"style":198},[3538],{"type":60,"value":769},{"type":55,"tag":63,"props":3540,"children":3541},{"style":204},[3542],{"type":60,"value":3543}," context",{"type":55,"tag":63,"props":3545,"children":3546},{"style":198},[3547],{"type":60,"value":276},{"type":55,"tag":63,"props":3549,"children":3550},{"style":204},[3551],{"type":60,"value":3552},"params",{"type":55,"tag":63,"props":3554,"children":3555},{"style":198},[3556],{"type":60,"value":2937},{"type":55,"tag":63,"props":3558,"children":3559},{"style":204},[3560],{"type":60,"value":3099},{"type":55,"tag":63,"props":3562,"children":3563},{"style":192},[3564],{"type":60,"value":3565}," as",{"type":55,"tag":63,"props":3567,"children":3568},{"style":131},[3569],{"type":60,"value":3406},{"type":55,"tag":63,"props":3571,"children":3572},{"style":198},[3573],{"type":60,"value":237},{"type":55,"tag":63,"props":3575,"children":3576},{"class":126,"line":1569},[3577],{"type":55,"tag":63,"props":3578,"children":3579},{"emptyLinePlaceholder":244},[3580],{"type":60,"value":247},{"type":55,"tag":63,"props":3582,"children":3583},{"class":126,"line":1578},[3584,3589,3593,3597,3602,3606,3611,3615,3620,3624,3628,3632,3636,3640],{"type":55,"tag":63,"props":3585,"children":3586},{"style":192},[3587],{"type":60,"value":3588},"  await",{"type":55,"tag":63,"props":3590,"children":3591},{"style":204},[3592],{"type":60,"value":3434},{"type":55,"tag":63,"props":3594,"children":3595},{"style":198},[3596],{"type":60,"value":276},{"type":55,"tag":63,"props":3598,"children":3599},{"style":204},[3600],{"type":60,"value":3601},"post",{"type":55,"tag":63,"props":3603,"children":3604},{"style":198},[3605],{"type":60,"value":276},{"type":55,"tag":63,"props":3607,"children":3608},{"style":204},[3609],{"type":60,"value":3610},"byId",{"type":55,"tag":63,"props":3612,"children":3613},{"style":198},[3614],{"type":60,"value":276},{"type":55,"tag":63,"props":3616,"children":3617},{"style":279},[3618],{"type":60,"value":3619},"prefetch",{"type":55,"tag":63,"props":3621,"children":3622},{"style":531},[3623],{"type":60,"value":520},{"type":55,"tag":63,"props":3625,"children":3626},{"style":198},[3627],{"type":60,"value":575},{"type":55,"tag":63,"props":3629,"children":3630},{"style":204},[3631],{"type":60,"value":3397},{"type":55,"tag":63,"props":3633,"children":3634},{"style":198},[3635],{"type":60,"value":212},{"type":55,"tag":63,"props":3637,"children":3638},{"style":531},[3639],{"type":60,"value":734},{"type":55,"tag":63,"props":3641,"children":3642},{"style":198},[3643],{"type":60,"value":237},{"type":55,"tag":63,"props":3645,"children":3646},{"class":126,"line":1601},[3647],{"type":55,"tag":63,"props":3648,"children":3649},{"emptyLinePlaceholder":244},[3650],{"type":60,"value":247},{"type":55,"tag":63,"props":3652,"children":3653},{"class":126,"line":2840},[3654,3658],{"type":55,"tag":63,"props":3655,"children":3656},{"style":192},[3657],{"type":60,"value":1301},{"type":55,"tag":63,"props":3659,"children":3660},{"style":198},[3661],{"type":60,"value":1151},{"type":55,"tag":63,"props":3663,"children":3664},{"class":126,"line":2856},[3665,3670,3674],{"type":55,"tag":63,"props":3666,"children":3667},{"style":531},[3668],{"type":60,"value":3669},"    props",{"type":55,"tag":63,"props":3671,"children":3672},{"style":198},[3673],{"type":60,"value":539},{"type":55,"tag":63,"props":3675,"children":3676},{"style":198},[3677],{"type":60,"value":1151},{"type":55,"tag":63,"props":3679,"children":3680},{"class":126,"line":2896},[3681,3686,3690,3694,3698,3703,3707],{"type":55,"tag":63,"props":3682,"children":3683},{"style":531},[3684],{"type":60,"value":3685},"      trpcState",{"type":55,"tag":63,"props":3687,"children":3688},{"style":198},[3689],{"type":60,"value":539},{"type":55,"tag":63,"props":3691,"children":3692},{"style":204},[3693],{"type":60,"value":3434},{"type":55,"tag":63,"props":3695,"children":3696},{"style":198},[3697],{"type":60,"value":276},{"type":55,"tag":63,"props":3699,"children":3700},{"style":279},[3701],{"type":60,"value":3702},"dehydrate",{"type":55,"tag":63,"props":3704,"children":3705},{"style":531},[3706],{"type":60,"value":287},{"type":55,"tag":63,"props":3708,"children":3709},{"style":198},[3710],{"type":60,"value":704},{"type":55,"tag":63,"props":3712,"children":3713},{"class":126,"line":2913},[3714,3719],{"type":55,"tag":63,"props":3715,"children":3716},{"style":204},[3717],{"type":60,"value":3718},"      id",{"type":55,"tag":63,"props":3720,"children":3721},{"style":198},[3722],{"type":60,"value":704},{"type":55,"tag":63,"props":3724,"children":3725},{"class":126,"line":2967},[3726],{"type":55,"tag":63,"props":3727,"children":3728},{"style":198},[3729],{"type":60,"value":3730},"    },\n",{"type":55,"tag":63,"props":3732,"children":3733},{"class":126,"line":3023},[3734,3739,3743,3748],{"type":55,"tag":63,"props":3735,"children":3736},{"style":531},[3737],{"type":60,"value":3738},"    revalidate",{"type":55,"tag":63,"props":3740,"children":3741},{"style":198},[3742],{"type":60,"value":539},{"type":55,"tag":63,"props":3744,"children":3745},{"style":1343},[3746],{"type":60,"value":3747}," 1",{"type":55,"tag":63,"props":3749,"children":3750},{"style":198},[3751],{"type":60,"value":704},{"type":55,"tag":63,"props":3753,"children":3754},{"class":126,"line":3032},[3755],{"type":55,"tag":63,"props":3756,"children":3757},{"style":198},[3758],{"type":60,"value":3759},"  };\n",{"type":55,"tag":63,"props":3761,"children":3762},{"class":126,"line":3048},[3763],{"type":55,"tag":63,"props":3764,"children":3765},{"style":198},[3766],{"type":60,"value":1362},{"type":55,"tag":63,"props":3768,"children":3769},{"class":126,"line":3060},[3770],{"type":55,"tag":63,"props":3771,"children":3772},{"emptyLinePlaceholder":244},[3773],{"type":60,"value":247},{"type":55,"tag":63,"props":3775,"children":3776},{"class":126,"line":3068},[3777,3781,3785,3790,3794,3799,3803,3807,3811,3815],{"type":55,"tag":63,"props":3778,"children":3779},{"style":192},[3780],{"type":60,"value":308},{"type":55,"tag":63,"props":3782,"children":3783},{"style":254},[3784],{"type":60,"value":313},{"type":55,"tag":63,"props":3786,"children":3787},{"style":204},[3788],{"type":60,"value":3789}," getStaticPaths",{"type":55,"tag":63,"props":3791,"children":3792},{"style":198},[3793],{"type":60,"value":539},{"type":55,"tag":63,"props":3795,"children":3796},{"style":131},[3797],{"type":60,"value":3798}," GetStaticPaths",{"type":55,"tag":63,"props":3800,"children":3801},{"style":198},[3802],{"type":60,"value":769},{"type":55,"tag":63,"props":3804,"children":3805},{"style":254},[3806],{"type":60,"value":3356},{"type":55,"tag":63,"props":3808,"children":3809},{"style":198},[3810],{"type":60,"value":946},{"type":55,"tag":63,"props":3812,"children":3813},{"style":254},[3814],{"type":60,"value":646},{"type":55,"tag":63,"props":3816,"children":3817},{"style":198},[3818],{"type":60,"value":1151},{"type":55,"tag":63,"props":3820,"children":3821},{"class":126,"line":3076},[3822,3826,3830,3835,3839,3844,3848,3853,3857,3861,3866,3870],{"type":55,"tag":63,"props":3823,"children":3824},{"style":192},[3825],{"type":60,"value":1301},{"type":55,"tag":63,"props":3827,"children":3828},{"style":198},[3829],{"type":60,"value":201},{"type":55,"tag":63,"props":3831,"children":3832},{"style":531},[3833],{"type":60,"value":3834}," paths",{"type":55,"tag":63,"props":3836,"children":3837},{"style":198},[3838],{"type":60,"value":539},{"type":55,"tag":63,"props":3840,"children":3841},{"style":531},[3842],{"type":60,"value":3843}," []",{"type":55,"tag":63,"props":3845,"children":3846},{"style":198},[3847],{"type":60,"value":454},{"type":55,"tag":63,"props":3849,"children":3850},{"style":531},[3851],{"type":60,"value":3852}," fallback",{"type":55,"tag":63,"props":3854,"children":3855},{"style":198},[3856],{"type":60,"value":539},{"type":55,"tag":63,"props":3858,"children":3859},{"style":198},[3860],{"type":60,"value":222},{"type":55,"tag":63,"props":3862,"children":3863},{"style":137},[3864],{"type":60,"value":3865},"blocking",{"type":55,"tag":63,"props":3867,"children":3868},{"style":198},[3869],{"type":60,"value":232},{"type":55,"tag":63,"props":3871,"children":3872},{"style":198},[3873],{"type":60,"value":3020},{"type":55,"tag":63,"props":3875,"children":3877},{"class":126,"line":3876},34,[3878],{"type":55,"tag":63,"props":3879,"children":3880},{"style":198},[3881],{"type":60,"value":1818},{"type":55,"tag":63,"props":3883,"children":3885},{"class":126,"line":3884},35,[3886],{"type":55,"tag":63,"props":3887,"children":3888},{"emptyLinePlaceholder":244},[3889],{"type":60,"value":247},{"type":55,"tag":63,"props":3891,"children":3893},{"class":126,"line":3892},36,[3894,3898,3902,3906,3911],{"type":55,"tag":63,"props":3895,"children":3896},{"style":192},[3897],{"type":60,"value":308},{"type":55,"tag":63,"props":3899,"children":3900},{"style":192},[3901],{"type":60,"value":897},{"type":55,"tag":63,"props":3903,"children":3904},{"style":254},[3905],{"type":60,"value":1934},{"type":55,"tag":63,"props":3907,"children":3908},{"style":279},[3909],{"type":60,"value":3910}," PostPage",{"type":55,"tag":63,"props":3912,"children":3913},{"style":198},[3914],{"type":60,"value":3370},{"type":55,"tag":63,"props":3916,"children":3918},{"class":126,"line":3917},37,[3919,3924,3928,3933,3938,3942],{"type":55,"tag":63,"props":3920,"children":3921},{"style":633},[3922],{"type":60,"value":3923},"  props",{"type":55,"tag":63,"props":3925,"children":3926},{"style":198},[3927],{"type":60,"value":539},{"type":55,"tag":63,"props":3929,"children":3930},{"style":131},[3931],{"type":60,"value":3932}," InferGetStaticPropsType",{"type":55,"tag":63,"props":3934,"children":3935},{"style":198},[3936],{"type":60,"value":3937},"\u003Ctypeof",{"type":55,"tag":63,"props":3939,"children":3940},{"style":204},[3941],{"type":60,"value":3365},{"type":55,"tag":63,"props":3943,"children":3944},{"style":198},[3945],{"type":60,"value":3946},">,\n",{"type":55,"tag":63,"props":3948,"children":3950},{"class":126,"line":3949},38,[3951,3955],{"type":55,"tag":63,"props":3952,"children":3953},{"style":198},[3954],{"type":60,"value":734},{"type":55,"tag":63,"props":3956,"children":3957},{"style":198},[3958],{"type":60,"value":1151},{"type":55,"tag":63,"props":3960,"children":3962},{"class":126,"line":3961},39,[3963,3967,3971,3975,3979,3983,3988],{"type":55,"tag":63,"props":3964,"children":3965},{"style":254},[3966],{"type":60,"value":1955},{"type":55,"tag":63,"props":3968,"children":3969},{"style":198},[3970],{"type":60,"value":201},{"type":55,"tag":63,"props":3972,"children":3973},{"style":204},[3974],{"type":60,"value":3397},{"type":55,"tag":63,"props":3976,"children":3977},{"style":198},[3978],{"type":60,"value":212},{"type":55,"tag":63,"props":3980,"children":3981},{"style":198},[3982],{"type":60,"value":769},{"type":55,"tag":63,"props":3984,"children":3985},{"style":204},[3986],{"type":60,"value":3987}," props",{"type":55,"tag":63,"props":3989,"children":3990},{"style":198},[3991],{"type":60,"value":237},{"type":55,"tag":63,"props":3993,"children":3995},{"class":126,"line":3994},40,[3996,4000,4005,4009,4013,4017,4021,4025,4029,4033,4037,4041,4045,4049,4053,4057],{"type":55,"tag":63,"props":3997,"children":3998},{"style":254},[3999],{"type":60,"value":1955},{"type":55,"tag":63,"props":4001,"children":4002},{"style":204},[4003],{"type":60,"value":4004}," postQuery",{"type":55,"tag":63,"props":4006,"children":4007},{"style":198},[4008],{"type":60,"value":769},{"type":55,"tag":63,"props":4010,"children":4011},{"style":204},[4012],{"type":60,"value":1691},{"type":55,"tag":63,"props":4014,"children":4015},{"style":198},[4016],{"type":60,"value":276},{"type":55,"tag":63,"props":4018,"children":4019},{"style":204},[4020],{"type":60,"value":3601},{"type":55,"tag":63,"props":4022,"children":4023},{"style":198},[4024],{"type":60,"value":276},{"type":55,"tag":63,"props":4026,"children":4027},{"style":204},[4028],{"type":60,"value":3610},{"type":55,"tag":63,"props":4030,"children":4031},{"style":198},[4032],{"type":60,"value":276},{"type":55,"tag":63,"props":4034,"children":4035},{"style":279},[4036],{"type":60,"value":1986},{"type":55,"tag":63,"props":4038,"children":4039},{"style":531},[4040],{"type":60,"value":520},{"type":55,"tag":63,"props":4042,"children":4043},{"style":198},[4044],{"type":60,"value":575},{"type":55,"tag":63,"props":4046,"children":4047},{"style":204},[4048],{"type":60,"value":3397},{"type":55,"tag":63,"props":4050,"children":4051},{"style":198},[4052],{"type":60,"value":212},{"type":55,"tag":63,"props":4054,"children":4055},{"style":531},[4056],{"type":60,"value":734},{"type":55,"tag":63,"props":4058,"children":4059},{"style":198},[4060],{"type":60,"value":237},{"type":55,"tag":63,"props":4062,"children":4064},{"class":126,"line":4063},41,[4065],{"type":55,"tag":63,"props":4066,"children":4067},{"emptyLinePlaceholder":244},[4068],{"type":60,"value":247},{"type":55,"tag":63,"props":4070,"children":4072},{"class":126,"line":4071},42,[4073,4077,4081,4086,4090,4095,4099,4103,4108,4112,4116,4120,4125,4129],{"type":55,"tag":63,"props":4074,"children":4075},{"style":192},[4076],{"type":60,"value":1159},{"type":55,"tag":63,"props":4078,"children":4079},{"style":531},[4080],{"type":60,"value":651},{"type":55,"tag":63,"props":4082,"children":4083},{"style":204},[4084],{"type":60,"value":4085},"postQuery",{"type":55,"tag":63,"props":4087,"children":4088},{"style":198},[4089],{"type":60,"value":276},{"type":55,"tag":63,"props":4091,"children":4092},{"style":204},[4093],{"type":60,"value":4094},"status",{"type":55,"tag":63,"props":4096,"children":4097},{"style":198},[4098],{"type":60,"value":1178},{"type":55,"tag":63,"props":4100,"children":4101},{"style":198},[4102],{"type":60,"value":222},{"type":55,"tag":63,"props":4104,"children":4105},{"style":137},[4106],{"type":60,"value":4107},"success",{"type":55,"tag":63,"props":4109,"children":4110},{"style":198},[4111],{"type":60,"value":232},{"type":55,"tag":63,"props":4113,"children":4114},{"style":531},[4115],{"type":60,"value":1196},{"type":55,"tag":63,"props":4117,"children":4118},{"style":192},[4119],{"type":60,"value":1201},{"type":55,"tag":63,"props":4121,"children":4122},{"style":198},[4123],{"type":60,"value":4124}," \u003C>",{"type":55,"tag":63,"props":4126,"children":4127},{"style":204},[4128],{"type":60,"value":2082},{"type":55,"tag":63,"props":4130,"children":4131},{"style":198},[4132],{"type":60,"value":4133},"\u003C\u002F>;\n",{"type":55,"tag":63,"props":4135,"children":4137},{"class":126,"line":4136},43,[4138,4142,4146,4150,4154,4158,4162,4166,4170,4175,4179,4183],{"type":55,"tag":63,"props":4139,"children":4140},{"style":192},[4141],{"type":60,"value":1301},{"type":55,"tag":63,"props":4143,"children":4144},{"style":198},[4145],{"type":60,"value":1790},{"type":55,"tag":63,"props":4147,"children":4148},{"style":531},[4149],{"type":60,"value":76},{"type":55,"tag":63,"props":4151,"children":4152},{"style":198},[4153],{"type":60,"value":2116},{"type":55,"tag":63,"props":4155,"children":4156},{"style":204},[4157],{"type":60,"value":4085},{"type":55,"tag":63,"props":4159,"children":4160},{"style":198},[4161],{"type":60,"value":276},{"type":55,"tag":63,"props":4163,"children":4164},{"style":204},[4165],{"type":60,"value":2056},{"type":55,"tag":63,"props":4167,"children":4168},{"style":198},[4169],{"type":60,"value":276},{"type":55,"tag":63,"props":4171,"children":4172},{"style":204},[4173],{"type":60,"value":4174},"title",{"type":55,"tag":63,"props":4176,"children":4177},{"style":198},[4178],{"type":60,"value":2142},{"type":55,"tag":63,"props":4180,"children":4181},{"style":531},[4182],{"type":60,"value":76},{"type":55,"tag":63,"props":4184,"children":4185},{"style":198},[4186],{"type":60,"value":2096},{"type":55,"tag":63,"props":4188,"children":4190},{"class":126,"line":4189},44,[4191],{"type":55,"tag":63,"props":4192,"children":4193},{"style":198},[4194],{"type":60,"value":1362},{"type":55,"tag":109,"props":4196,"children":4198},{"id":4197},"server-side-helpers-with-getserversideprops",[4199],{"type":60,"value":4200},"Server-side helpers with getServerSideProps",{"type":55,"tag":90,"props":4202,"children":4204},{"className":1623,"code":4203,"filename":3099,"language":1625,"meta":3100,"style":99},"import { createServerSideHelpers } from '@trpc\u002Freact-query\u002Fserver';\nimport type {\n  GetServerSidePropsContext,\n  InferGetServerSidePropsType,\n} from 'next';\nimport superjson from 'superjson';\nimport { appRouter } from '..\u002F..\u002Fserver\u002Frouters\u002F_app';\nimport { trpc } from '..\u002F..\u002Futils\u002Ftrpc';\n\nexport async function getServerSideProps(\n  context: GetServerSidePropsContext\u003C{ id: string }>,\n) {\n  const helpers = createServerSideHelpers({\n    router: appRouter,\n    ctx: {},\n    transformer: superjson,\n  });\n  const id = context.params?.id as string;\n\n  await helpers.post.byId.prefetch({ id });\n\n  return {\n    props: {\n      trpcState: helpers.dehydrate(),\n      id,\n    },\n  };\n}\n\nexport default function PostPage(\n  props: InferGetServerSidePropsType\u003Ctypeof getServerSideProps>,\n) {\n  const { id } = props;\n  const postQuery = trpc.post.byId.useQuery({ id });\n\n  if (postQuery.status !== 'success') return \u003C>Loading...\u003C\u002F>;\n  return \u003Ch1>{postQuery.data.title}\u003C\u002Fh1>;\n}\n",[4205],{"type":55,"tag":97,"props":4206,"children":4207},{"__ignoreMap":99},[4208,4247,4262,4274,4286,4313,4344,4383,4422,4429,4453,4489,4500,4527,4546,4561,4580,4595,4642,4649,4708,4715,4726,4741,4772,4783,4790,4797,4804,4811,4834,4862,4873,4904,4971,4978,5037,5088],{"type":55,"tag":63,"props":4209,"children":4210},{"class":126,"line":127},[4211,4215,4219,4223,4227,4231,4235,4239,4243],{"type":55,"tag":63,"props":4212,"children":4213},{"style":192},[4214],{"type":60,"value":195},{"type":55,"tag":63,"props":4216,"children":4217},{"style":198},[4218],{"type":60,"value":201},{"type":55,"tag":63,"props":4220,"children":4221},{"style":204},[4222],{"type":60,"value":3120},{"type":55,"tag":63,"props":4224,"children":4225},{"style":198},[4226],{"type":60,"value":212},{"type":55,"tag":63,"props":4228,"children":4229},{"style":192},[4230],{"type":60,"value":217},{"type":55,"tag":63,"props":4232,"children":4233},{"style":198},[4234],{"type":60,"value":222},{"type":55,"tag":63,"props":4236,"children":4237},{"style":137},[4238],{"type":60,"value":3137},{"type":55,"tag":63,"props":4240,"children":4241},{"style":198},[4242],{"type":60,"value":232},{"type":55,"tag":63,"props":4244,"children":4245},{"style":198},[4246],{"type":60,"value":237},{"type":55,"tag":63,"props":4248,"children":4249},{"class":126,"line":240},[4250,4254,4258],{"type":55,"tag":63,"props":4251,"children":4252},{"style":192},[4253],{"type":60,"value":195},{"type":55,"tag":63,"props":4255,"children":4256},{"style":192},[4257],{"type":60,"value":759},{"type":55,"tag":63,"props":4259,"children":4260},{"style":198},[4261],{"type":60,"value":1151},{"type":55,"tag":63,"props":4263,"children":4264},{"class":126,"line":250},[4265,4270],{"type":55,"tag":63,"props":4266,"children":4267},{"style":204},[4268],{"type":60,"value":4269},"  GetServerSidePropsContext",{"type":55,"tag":63,"props":4271,"children":4272},{"style":198},[4273],{"type":60,"value":704},{"type":55,"tag":63,"props":4275,"children":4276},{"class":126,"line":294},[4277,4282],{"type":55,"tag":63,"props":4278,"children":4279},{"style":204},[4280],{"type":60,"value":4281},"  InferGetServerSidePropsType",{"type":55,"tag":63,"props":4283,"children":4284},{"style":198},[4285],{"type":60,"value":704},{"type":55,"tag":63,"props":4287,"children":4288},{"class":126,"line":302},[4289,4293,4297,4301,4305,4309],{"type":55,"tag":63,"props":4290,"children":4291},{"style":198},[4292],{"type":60,"value":607},{"type":55,"tag":63,"props":4294,"children":4295},{"style":192},[4296],{"type":60,"value":217},{"type":55,"tag":63,"props":4298,"children":4299},{"style":198},[4300],{"type":60,"value":222},{"type":55,"tag":63,"props":4302,"children":4303},{"style":137},[4304],{"type":60,"value":30},{"type":55,"tag":63,"props":4306,"children":4307},{"style":198},[4308],{"type":60,"value":232},{"type":55,"tag":63,"props":4310,"children":4311},{"style":198},[4312],{"type":60,"value":237},{"type":55,"tag":63,"props":4314,"children":4315},{"class":126,"line":343},[4316,4320,4324,4328,4332,4336,4340],{"type":55,"tag":63,"props":4317,"children":4318},{"style":192},[4319],{"type":60,"value":195},{"type":55,"tag":63,"props":4321,"children":4322},{"style":204},[4323],{"type":60,"value":3235},{"type":55,"tag":63,"props":4325,"children":4326},{"style":192},[4327],{"type":60,"value":3240},{"type":55,"tag":63,"props":4329,"children":4330},{"style":198},[4331],{"type":60,"value":222},{"type":55,"tag":63,"props":4333,"children":4334},{"style":137},[4335],{"type":60,"value":3249},{"type":55,"tag":63,"props":4337,"children":4338},{"style":198},[4339],{"type":60,"value":232},{"type":55,"tag":63,"props":4341,"children":4342},{"style":198},[4343],{"type":60,"value":237},{"type":55,"tag":63,"props":4345,"children":4346},{"class":126,"line":707},[4347,4351,4355,4359,4363,4367,4371,4375,4379],{"type":55,"tag":63,"props":4348,"children":4349},{"style":192},[4350],{"type":60,"value":195},{"type":55,"tag":63,"props":4352,"children":4353},{"style":198},[4354],{"type":60,"value":201},{"type":55,"tag":63,"props":4356,"children":4357},{"style":204},[4358],{"type":60,"value":779},{"type":55,"tag":63,"props":4360,"children":4361},{"style":198},[4362],{"type":60,"value":212},{"type":55,"tag":63,"props":4364,"children":4365},{"style":192},[4366],{"type":60,"value":217},{"type":55,"tag":63,"props":4368,"children":4369},{"style":198},[4370],{"type":60,"value":222},{"type":55,"tag":63,"props":4372,"children":4373},{"style":137},[4374],{"type":60,"value":3289},{"type":55,"tag":63,"props":4376,"children":4377},{"style":198},[4378],{"type":60,"value":232},{"type":55,"tag":63,"props":4380,"children":4381},{"style":198},[4382],{"type":60,"value":237},{"type":55,"tag":63,"props":4384,"children":4385},{"class":126,"line":724},[4386,4390,4394,4398,4402,4406,4410,4414,4418],{"type":55,"tag":63,"props":4387,"children":4388},{"style":192},[4389],{"type":60,"value":195},{"type":55,"tag":63,"props":4391,"children":4392},{"style":198},[4393],{"type":60,"value":201},{"type":55,"tag":63,"props":4395,"children":4396},{"style":204},[4397],{"type":60,"value":1691},{"type":55,"tag":63,"props":4399,"children":4400},{"style":198},[4401],{"type":60,"value":212},{"type":55,"tag":63,"props":4403,"children":4404},{"style":192},[4405],{"type":60,"value":217},{"type":55,"tag":63,"props":4407,"children":4408},{"style":198},[4409],{"type":60,"value":222},{"type":55,"tag":63,"props":4411,"children":4412},{"style":137},[4413],{"type":60,"value":3329},{"type":55,"tag":63,"props":4415,"children":4416},{"style":198},[4417],{"type":60,"value":232},{"type":55,"tag":63,"props":4419,"children":4420},{"style":198},[4421],{"type":60,"value":237},{"type":55,"tag":63,"props":4423,"children":4424},{"class":126,"line":741},[4425],{"type":55,"tag":63,"props":4426,"children":4427},{"emptyLinePlaceholder":244},[4428],{"type":60,"value":247},{"type":55,"tag":63,"props":4430,"children":4431},{"class":126,"line":749},[4432,4436,4440,4444,4449],{"type":55,"tag":63,"props":4433,"children":4434},{"style":192},[4435],{"type":60,"value":308},{"type":55,"tag":63,"props":4437,"children":4438},{"style":254},[4439],{"type":60,"value":3356},{"type":55,"tag":63,"props":4441,"children":4442},{"style":254},[4443],{"type":60,"value":1934},{"type":55,"tag":63,"props":4445,"children":4446},{"style":279},[4447],{"type":60,"value":4448}," getServerSideProps",{"type":55,"tag":63,"props":4450,"children":4451},{"style":198},[4452],{"type":60,"value":3370},{"type":55,"tag":63,"props":4454,"children":4455},{"class":126,"line":1372},[4456,4460,4464,4469,4473,4477,4481,4485],{"type":55,"tag":63,"props":4457,"children":4458},{"style":633},[4459],{"type":60,"value":3378},{"type":55,"tag":63,"props":4461,"children":4462},{"style":198},[4463],{"type":60,"value":539},{"type":55,"tag":63,"props":4465,"children":4466},{"style":131},[4467],{"type":60,"value":4468}," GetServerSidePropsContext",{"type":55,"tag":63,"props":4470,"children":4471},{"style":198},[4472],{"type":60,"value":3392},{"type":55,"tag":63,"props":4474,"children":4475},{"style":531},[4476],{"type":60,"value":3397},{"type":55,"tag":63,"props":4478,"children":4479},{"style":198},[4480],{"type":60,"value":539},{"type":55,"tag":63,"props":4482,"children":4483},{"style":131},[4484],{"type":60,"value":3406},{"type":55,"tag":63,"props":4486,"children":4487},{"style":198},[4488],{"type":60,"value":3411},{"type":55,"tag":63,"props":4490,"children":4491},{"class":126,"line":1420},[4492,4496],{"type":55,"tag":63,"props":4493,"children":4494},{"style":198},[4495],{"type":60,"value":734},{"type":55,"tag":63,"props":4497,"children":4498},{"style":198},[4499],{"type":60,"value":1151},{"type":55,"tag":63,"props":4501,"children":4502},{"class":126,"line":1437},[4503,4507,4511,4515,4519,4523],{"type":55,"tag":63,"props":4504,"children":4505},{"style":254},[4506],{"type":60,"value":1955},{"type":55,"tag":63,"props":4508,"children":4509},{"style":204},[4510],{"type":60,"value":3434},{"type":55,"tag":63,"props":4512,"children":4513},{"style":198},[4514],{"type":60,"value":769},{"type":55,"tag":63,"props":4516,"children":4517},{"style":279},[4518],{"type":60,"value":3120},{"type":55,"tag":63,"props":4520,"children":4521},{"style":531},[4522],{"type":60,"value":520},{"type":55,"tag":63,"props":4524,"children":4525},{"style":198},[4526],{"type":60,"value":525},{"type":55,"tag":63,"props":4528,"children":4529},{"class":126,"line":1450},[4530,4534,4538,4542],{"type":55,"tag":63,"props":4531,"children":4532},{"style":531},[4533],{"type":60,"value":3458},{"type":55,"tag":63,"props":4535,"children":4536},{"style":198},[4537],{"type":60,"value":539},{"type":55,"tag":63,"props":4539,"children":4540},{"style":204},[4541],{"type":60,"value":779},{"type":55,"tag":63,"props":4543,"children":4544},{"style":198},[4545],{"type":60,"value":704},{"type":55,"tag":63,"props":4547,"children":4548},{"class":126,"line":1468},[4549,4553,4557],{"type":55,"tag":63,"props":4550,"children":4551},{"style":531},[4552],{"type":60,"value":3478},{"type":55,"tag":63,"props":4554,"children":4555},{"style":198},[4556],{"type":60,"value":539},{"type":55,"tag":63,"props":4558,"children":4559},{"style":198},[4560],{"type":60,"value":3487},{"type":55,"tag":63,"props":4562,"children":4563},{"class":126,"line":1485},[4564,4568,4572,4576],{"type":55,"tag":63,"props":4565,"children":4566},{"style":531},[4567],{"type":60,"value":3495},{"type":55,"tag":63,"props":4569,"children":4570},{"style":198},[4571],{"type":60,"value":539},{"type":55,"tag":63,"props":4573,"children":4574},{"style":204},[4575],{"type":60,"value":3504},{"type":55,"tag":63,"props":4577,"children":4578},{"style":198},[4579],{"type":60,"value":704},{"type":55,"tag":63,"props":4581,"children":4582},{"class":126,"line":1530},[4583,4587,4591],{"type":55,"tag":63,"props":4584,"children":4585},{"style":198},[4586],{"type":60,"value":713},{"type":55,"tag":63,"props":4588,"children":4589},{"style":531},[4590],{"type":60,"value":734},{"type":55,"tag":63,"props":4592,"children":4593},{"style":198},[4594],{"type":60,"value":237},{"type":55,"tag":63,"props":4596,"children":4597},{"class":126,"line":1547},[4598,4602,4606,4610,4614,4618,4622,4626,4630,4634,4638],{"type":55,"tag":63,"props":4599,"children":4600},{"style":254},[4601],{"type":60,"value":1955},{"type":55,"tag":63,"props":4603,"children":4604},{"style":204},[4605],{"type":60,"value":3397},{"type":55,"tag":63,"props":4607,"children":4608},{"style":198},[4609],{"type":60,"value":769},{"type":55,"tag":63,"props":4611,"children":4612},{"style":204},[4613],{"type":60,"value":3543},{"type":55,"tag":63,"props":4615,"children":4616},{"style":198},[4617],{"type":60,"value":276},{"type":55,"tag":63,"props":4619,"children":4620},{"style":204},[4621],{"type":60,"value":3552},{"type":55,"tag":63,"props":4623,"children":4624},{"style":198},[4625],{"type":60,"value":2937},{"type":55,"tag":63,"props":4627,"children":4628},{"style":204},[4629],{"type":60,"value":3099},{"type":55,"tag":63,"props":4631,"children":4632},{"style":192},[4633],{"type":60,"value":3565},{"type":55,"tag":63,"props":4635,"children":4636},{"style":131},[4637],{"type":60,"value":3406},{"type":55,"tag":63,"props":4639,"children":4640},{"style":198},[4641],{"type":60,"value":237},{"type":55,"tag":63,"props":4643,"children":4644},{"class":126,"line":1560},[4645],{"type":55,"tag":63,"props":4646,"children":4647},{"emptyLinePlaceholder":244},[4648],{"type":60,"value":247},{"type":55,"tag":63,"props":4650,"children":4651},{"class":126,"line":1569},[4652,4656,4660,4664,4668,4672,4676,4680,4684,4688,4692,4696,4700,4704],{"type":55,"tag":63,"props":4653,"children":4654},{"style":192},[4655],{"type":60,"value":3588},{"type":55,"tag":63,"props":4657,"children":4658},{"style":204},[4659],{"type":60,"value":3434},{"type":55,"tag":63,"props":4661,"children":4662},{"style":198},[4663],{"type":60,"value":276},{"type":55,"tag":63,"props":4665,"children":4666},{"style":204},[4667],{"type":60,"value":3601},{"type":55,"tag":63,"props":4669,"children":4670},{"style":198},[4671],{"type":60,"value":276},{"type":55,"tag":63,"props":4673,"children":4674},{"style":204},[4675],{"type":60,"value":3610},{"type":55,"tag":63,"props":4677,"children":4678},{"style":198},[4679],{"type":60,"value":276},{"type":55,"tag":63,"props":4681,"children":4682},{"style":279},[4683],{"type":60,"value":3619},{"type":55,"tag":63,"props":4685,"children":4686},{"style":531},[4687],{"type":60,"value":520},{"type":55,"tag":63,"props":4689,"children":4690},{"style":198},[4691],{"type":60,"value":575},{"type":55,"tag":63,"props":4693,"children":4694},{"style":204},[4695],{"type":60,"value":3397},{"type":55,"tag":63,"props":4697,"children":4698},{"style":198},[4699],{"type":60,"value":212},{"type":55,"tag":63,"props":4701,"children":4702},{"style":531},[4703],{"type":60,"value":734},{"type":55,"tag":63,"props":4705,"children":4706},{"style":198},[4707],{"type":60,"value":237},{"type":55,"tag":63,"props":4709,"children":4710},{"class":126,"line":1578},[4711],{"type":55,"tag":63,"props":4712,"children":4713},{"emptyLinePlaceholder":244},[4714],{"type":60,"value":247},{"type":55,"tag":63,"props":4716,"children":4717},{"class":126,"line":1601},[4718,4722],{"type":55,"tag":63,"props":4719,"children":4720},{"style":192},[4721],{"type":60,"value":1301},{"type":55,"tag":63,"props":4723,"children":4724},{"style":198},[4725],{"type":60,"value":1151},{"type":55,"tag":63,"props":4727,"children":4728},{"class":126,"line":2840},[4729,4733,4737],{"type":55,"tag":63,"props":4730,"children":4731},{"style":531},[4732],{"type":60,"value":3669},{"type":55,"tag":63,"props":4734,"children":4735},{"style":198},[4736],{"type":60,"value":539},{"type":55,"tag":63,"props":4738,"children":4739},{"style":198},[4740],{"type":60,"value":1151},{"type":55,"tag":63,"props":4742,"children":4743},{"class":126,"line":2856},[4744,4748,4752,4756,4760,4764,4768],{"type":55,"tag":63,"props":4745,"children":4746},{"style":531},[4747],{"type":60,"value":3685},{"type":55,"tag":63,"props":4749,"children":4750},{"style":198},[4751],{"type":60,"value":539},{"type":55,"tag":63,"props":4753,"children":4754},{"style":204},[4755],{"type":60,"value":3434},{"type":55,"tag":63,"props":4757,"children":4758},{"style":198},[4759],{"type":60,"value":276},{"type":55,"tag":63,"props":4761,"children":4762},{"style":279},[4763],{"type":60,"value":3702},{"type":55,"tag":63,"props":4765,"children":4766},{"style":531},[4767],{"type":60,"value":287},{"type":55,"tag":63,"props":4769,"children":4770},{"style":198},[4771],{"type":60,"value":704},{"type":55,"tag":63,"props":4773,"children":4774},{"class":126,"line":2896},[4775,4779],{"type":55,"tag":63,"props":4776,"children":4777},{"style":204},[4778],{"type":60,"value":3718},{"type":55,"tag":63,"props":4780,"children":4781},{"style":198},[4782],{"type":60,"value":704},{"type":55,"tag":63,"props":4784,"children":4785},{"class":126,"line":2913},[4786],{"type":55,"tag":63,"props":4787,"children":4788},{"style":198},[4789],{"type":60,"value":3730},{"type":55,"tag":63,"props":4791,"children":4792},{"class":126,"line":2967},[4793],{"type":55,"tag":63,"props":4794,"children":4795},{"style":198},[4796],{"type":60,"value":3759},{"type":55,"tag":63,"props":4798,"children":4799},{"class":126,"line":3023},[4800],{"type":55,"tag":63,"props":4801,"children":4802},{"style":198},[4803],{"type":60,"value":1362},{"type":55,"tag":63,"props":4805,"children":4806},{"class":126,"line":3032},[4807],{"type":55,"tag":63,"props":4808,"children":4809},{"emptyLinePlaceholder":244},[4810],{"type":60,"value":247},{"type":55,"tag":63,"props":4812,"children":4813},{"class":126,"line":3048},[4814,4818,4822,4826,4830],{"type":55,"tag":63,"props":4815,"children":4816},{"style":192},[4817],{"type":60,"value":308},{"type":55,"tag":63,"props":4819,"children":4820},{"style":192},[4821],{"type":60,"value":897},{"type":55,"tag":63,"props":4823,"children":4824},{"style":254},[4825],{"type":60,"value":1934},{"type":55,"tag":63,"props":4827,"children":4828},{"style":279},[4829],{"type":60,"value":3910},{"type":55,"tag":63,"props":4831,"children":4832},{"style":198},[4833],{"type":60,"value":3370},{"type":55,"tag":63,"props":4835,"children":4836},{"class":126,"line":3060},[4837,4841,4845,4850,4854,4858],{"type":55,"tag":63,"props":4838,"children":4839},{"style":633},[4840],{"type":60,"value":3923},{"type":55,"tag":63,"props":4842,"children":4843},{"style":198},[4844],{"type":60,"value":539},{"type":55,"tag":63,"props":4846,"children":4847},{"style":131},[4848],{"type":60,"value":4849}," InferGetServerSidePropsType",{"type":55,"tag":63,"props":4851,"children":4852},{"style":198},[4853],{"type":60,"value":3937},{"type":55,"tag":63,"props":4855,"children":4856},{"style":204},[4857],{"type":60,"value":4448},{"type":55,"tag":63,"props":4859,"children":4860},{"style":198},[4861],{"type":60,"value":3946},{"type":55,"tag":63,"props":4863,"children":4864},{"class":126,"line":3068},[4865,4869],{"type":55,"tag":63,"props":4866,"children":4867},{"style":198},[4868],{"type":60,"value":734},{"type":55,"tag":63,"props":4870,"children":4871},{"style":198},[4872],{"type":60,"value":1151},{"type":55,"tag":63,"props":4874,"children":4875},{"class":126,"line":3076},[4876,4880,4884,4888,4892,4896,4900],{"type":55,"tag":63,"props":4877,"children":4878},{"style":254},[4879],{"type":60,"value":1955},{"type":55,"tag":63,"props":4881,"children":4882},{"style":198},[4883],{"type":60,"value":201},{"type":55,"tag":63,"props":4885,"children":4886},{"style":204},[4887],{"type":60,"value":3397},{"type":55,"tag":63,"props":4889,"children":4890},{"style":198},[4891],{"type":60,"value":212},{"type":55,"tag":63,"props":4893,"children":4894},{"style":198},[4895],{"type":60,"value":769},{"type":55,"tag":63,"props":4897,"children":4898},{"style":204},[4899],{"type":60,"value":3987},{"type":55,"tag":63,"props":4901,"children":4902},{"style":198},[4903],{"type":60,"value":237},{"type":55,"tag":63,"props":4905,"children":4906},{"class":126,"line":3876},[4907,4911,4915,4919,4923,4927,4931,4935,4939,4943,4947,4951,4955,4959,4963,4967],{"type":55,"tag":63,"props":4908,"children":4909},{"style":254},[4910],{"type":60,"value":1955},{"type":55,"tag":63,"props":4912,"children":4913},{"style":204},[4914],{"type":60,"value":4004},{"type":55,"tag":63,"props":4916,"children":4917},{"style":198},[4918],{"type":60,"value":769},{"type":55,"tag":63,"props":4920,"children":4921},{"style":204},[4922],{"type":60,"value":1691},{"type":55,"tag":63,"props":4924,"children":4925},{"style":198},[4926],{"type":60,"value":276},{"type":55,"tag":63,"props":4928,"children":4929},{"style":204},[4930],{"type":60,"value":3601},{"type":55,"tag":63,"props":4932,"children":4933},{"style":198},[4934],{"type":60,"value":276},{"type":55,"tag":63,"props":4936,"children":4937},{"style":204},[4938],{"type":60,"value":3610},{"type":55,"tag":63,"props":4940,"children":4941},{"style":198},[4942],{"type":60,"value":276},{"type":55,"tag":63,"props":4944,"children":4945},{"style":279},[4946],{"type":60,"value":1986},{"type":55,"tag":63,"props":4948,"children":4949},{"style":531},[4950],{"type":60,"value":520},{"type":55,"tag":63,"props":4952,"children":4953},{"style":198},[4954],{"type":60,"value":575},{"type":55,"tag":63,"props":4956,"children":4957},{"style":204},[4958],{"type":60,"value":3397},{"type":55,"tag":63,"props":4960,"children":4961},{"style":198},[4962],{"type":60,"value":212},{"type":55,"tag":63,"props":4964,"children":4965},{"style":531},[4966],{"type":60,"value":734},{"type":55,"tag":63,"props":4968,"children":4969},{"style":198},[4970],{"type":60,"value":237},{"type":55,"tag":63,"props":4972,"children":4973},{"class":126,"line":3884},[4974],{"type":55,"tag":63,"props":4975,"children":4976},{"emptyLinePlaceholder":244},[4977],{"type":60,"value":247},{"type":55,"tag":63,"props":4979,"children":4980},{"class":126,"line":3892},[4981,4985,4989,4993,4997,5001,5005,5009,5013,5017,5021,5025,5029,5033],{"type":55,"tag":63,"props":4982,"children":4983},{"style":192},[4984],{"type":60,"value":1159},{"type":55,"tag":63,"props":4986,"children":4987},{"style":531},[4988],{"type":60,"value":651},{"type":55,"tag":63,"props":4990,"children":4991},{"style":204},[4992],{"type":60,"value":4085},{"type":55,"tag":63,"props":4994,"children":4995},{"style":198},[4996],{"type":60,"value":276},{"type":55,"tag":63,"props":4998,"children":4999},{"style":204},[5000],{"type":60,"value":4094},{"type":55,"tag":63,"props":5002,"children":5003},{"style":198},[5004],{"type":60,"value":1178},{"type":55,"tag":63,"props":5006,"children":5007},{"style":198},[5008],{"type":60,"value":222},{"type":55,"tag":63,"props":5010,"children":5011},{"style":137},[5012],{"type":60,"value":4107},{"type":55,"tag":63,"props":5014,"children":5015},{"style":198},[5016],{"type":60,"value":232},{"type":55,"tag":63,"props":5018,"children":5019},{"style":531},[5020],{"type":60,"value":1196},{"type":55,"tag":63,"props":5022,"children":5023},{"style":192},[5024],{"type":60,"value":1201},{"type":55,"tag":63,"props":5026,"children":5027},{"style":198},[5028],{"type":60,"value":4124},{"type":55,"tag":63,"props":5030,"children":5031},{"style":204},[5032],{"type":60,"value":2082},{"type":55,"tag":63,"props":5034,"children":5035},{"style":198},[5036],{"type":60,"value":4133},{"type":55,"tag":63,"props":5038,"children":5039},{"class":126,"line":3917},[5040,5044,5048,5052,5056,5060,5064,5068,5072,5076,5080,5084],{"type":55,"tag":63,"props":5041,"children":5042},{"style":192},[5043],{"type":60,"value":1301},{"type":55,"tag":63,"props":5045,"children":5046},{"style":198},[5047],{"type":60,"value":1790},{"type":55,"tag":63,"props":5049,"children":5050},{"style":531},[5051],{"type":60,"value":76},{"type":55,"tag":63,"props":5053,"children":5054},{"style":198},[5055],{"type":60,"value":2116},{"type":55,"tag":63,"props":5057,"children":5058},{"style":204},[5059],{"type":60,"value":4085},{"type":55,"tag":63,"props":5061,"children":5062},{"style":198},[5063],{"type":60,"value":276},{"type":55,"tag":63,"props":5065,"children":5066},{"style":204},[5067],{"type":60,"value":2056},{"type":55,"tag":63,"props":5069,"children":5070},{"style":198},[5071],{"type":60,"value":276},{"type":55,"tag":63,"props":5073,"children":5074},{"style":204},[5075],{"type":60,"value":4174},{"type":55,"tag":63,"props":5077,"children":5078},{"style":198},[5079],{"type":60,"value":2142},{"type":55,"tag":63,"props":5081,"children":5082},{"style":531},[5083],{"type":60,"value":76},{"type":55,"tag":63,"props":5085,"children":5086},{"style":198},[5087],{"type":60,"value":2096},{"type":55,"tag":63,"props":5089,"children":5090},{"class":126,"line":3949},[5091],{"type":55,"tag":63,"props":5092,"children":5093},{"style":198},[5094],{"type":60,"value":1362},{"type":55,"tag":109,"props":5096,"children":5098},{"id":5097},"ssr-response-caching",[5099],{"type":60,"value":5100},"SSR response caching",{"type":55,"tag":90,"props":5102,"children":5104},{"className":179,"code":5103,"language":181,"meta":992,"style":99},"import { httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCNext } from '@trpc\u002Fnext';\nimport { ssrPrepass } from '@trpc\u002Fnext\u002FssrPrepass';\nimport type { AppRouter } from '..\u002Fserver\u002Frouters\u002F_app';\n\nexport const trpc = createTRPCNext\u003CAppRouter>({\n  ssr: true,\n  ssrPrepass,\n  config() {\n    return {\n      links: [httpBatchLink({ url: '\u002Fapi\u002Ftrpc' })],\n    };\n  },\n  responseMeta(opts) {\n    const { clientErrors } = opts;\n    if (clientErrors.length) {\n      return { status: clientErrors[0].data?.httpStatus ?? 500 };\n    }\n    const ONE_DAY_IN_SECONDS = 60 * 60 * 24;\n    return {\n      headers: new Headers([\n        [\n          'cache-control',\n          `s-maxage=1, stale-while-revalidate=${ONE_DAY_IN_SECONDS}`,\n        ],\n      ]),\n    };\n  },\n});\n",[5105],{"type":55,"tag":97,"props":5106,"children":5107},{"__ignoreMap":99},[5108,5147,5186,5225,5268,5275,5318,5337,5348,5363,5374,5433,5440,5447,5472,5506,5539,5609,5616,5659,5670,5697,5705,5726,5756,5768,5780,5787,5794],{"type":55,"tag":63,"props":5109,"children":5110},{"class":126,"line":127},[5111,5115,5119,5123,5127,5131,5135,5139,5143],{"type":55,"tag":63,"props":5112,"children":5113},{"style":192},[5114],{"type":60,"value":195},{"type":55,"tag":63,"props":5116,"children":5117},{"style":198},[5118],{"type":60,"value":201},{"type":55,"tag":63,"props":5120,"children":5121},{"style":204},[5122],{"type":60,"value":1012},{"type":55,"tag":63,"props":5124,"children":5125},{"style":198},[5126],{"type":60,"value":212},{"type":55,"tag":63,"props":5128,"children":5129},{"style":192},[5130],{"type":60,"value":217},{"type":55,"tag":63,"props":5132,"children":5133},{"style":198},[5134],{"type":60,"value":222},{"type":55,"tag":63,"props":5136,"children":5137},{"style":137},[5138],{"type":60,"value":1029},{"type":55,"tag":63,"props":5140,"children":5141},{"style":198},[5142],{"type":60,"value":232},{"type":55,"tag":63,"props":5144,"children":5145},{"style":198},[5146],{"type":60,"value":237},{"type":55,"tag":63,"props":5148,"children":5149},{"class":126,"line":240},[5150,5154,5158,5162,5166,5170,5174,5178,5182],{"type":55,"tag":63,"props":5151,"children":5152},{"style":192},[5153],{"type":60,"value":195},{"type":55,"tag":63,"props":5155,"children":5156},{"style":198},[5157],{"type":60,"value":201},{"type":55,"tag":63,"props":5159,"children":5160},{"style":204},[5161],{"type":60,"value":1053},{"type":55,"tag":63,"props":5163,"children":5164},{"style":198},[5165],{"type":60,"value":212},{"type":55,"tag":63,"props":5167,"children":5168},{"style":192},[5169],{"type":60,"value":217},{"type":55,"tag":63,"props":5171,"children":5172},{"style":198},[5173],{"type":60,"value":222},{"type":55,"tag":63,"props":5175,"children":5176},{"style":137},[5177],{"type":60,"value":1070},{"type":55,"tag":63,"props":5179,"children":5180},{"style":198},[5181],{"type":60,"value":232},{"type":55,"tag":63,"props":5183,"children":5184},{"style":198},[5185],{"type":60,"value":237},{"type":55,"tag":63,"props":5187,"children":5188},{"class":126,"line":250},[5189,5193,5197,5201,5205,5209,5213,5217,5221],{"type":55,"tag":63,"props":5190,"children":5191},{"style":192},[5192],{"type":60,"value":195},{"type":55,"tag":63,"props":5194,"children":5195},{"style":198},[5196],{"type":60,"value":201},{"type":55,"tag":63,"props":5198,"children":5199},{"style":204},[5200],{"type":60,"value":2283},{"type":55,"tag":63,"props":5202,"children":5203},{"style":198},[5204],{"type":60,"value":212},{"type":55,"tag":63,"props":5206,"children":5207},{"style":192},[5208],{"type":60,"value":217},{"type":55,"tag":63,"props":5210,"children":5211},{"style":198},[5212],{"type":60,"value":222},{"type":55,"tag":63,"props":5214,"children":5215},{"style":137},[5216],{"type":60,"value":2300},{"type":55,"tag":63,"props":5218,"children":5219},{"style":198},[5220],{"type":60,"value":232},{"type":55,"tag":63,"props":5222,"children":5223},{"style":198},[5224],{"type":60,"value":237},{"type":55,"tag":63,"props":5226,"children":5227},{"class":126,"line":294},[5228,5232,5236,5240,5244,5248,5252,5256,5260,5264],{"type":55,"tag":63,"props":5229,"children":5230},{"style":192},[5231],{"type":60,"value":195},{"type":55,"tag":63,"props":5233,"children":5234},{"style":192},[5235],{"type":60,"value":759},{"type":55,"tag":63,"props":5237,"children":5238},{"style":198},[5239],{"type":60,"value":201},{"type":55,"tag":63,"props":5241,"children":5242},{"style":204},[5243],{"type":60,"value":764},{"type":55,"tag":63,"props":5245,"children":5246},{"style":198},[5247],{"type":60,"value":212},{"type":55,"tag":63,"props":5249,"children":5250},{"style":192},[5251],{"type":60,"value":217},{"type":55,"tag":63,"props":5253,"children":5254},{"style":198},[5255],{"type":60,"value":222},{"type":55,"tag":63,"props":5257,"children":5258},{"style":137},[5259],{"type":60,"value":1114},{"type":55,"tag":63,"props":5261,"children":5262},{"style":198},[5263],{"type":60,"value":232},{"type":55,"tag":63,"props":5265,"children":5266},{"style":198},[5267],{"type":60,"value":237},{"type":55,"tag":63,"props":5269,"children":5270},{"class":126,"line":302},[5271],{"type":55,"tag":63,"props":5272,"children":5273},{"emptyLinePlaceholder":244},[5274],{"type":60,"value":247},{"type":55,"tag":63,"props":5276,"children":5277},{"class":126,"line":343},[5278,5282,5286,5290,5294,5298,5302,5306,5310,5314],{"type":55,"tag":63,"props":5279,"children":5280},{"style":192},[5281],{"type":60,"value":308},{"type":55,"tag":63,"props":5283,"children":5284},{"style":254},[5285],{"type":60,"value":313},{"type":55,"tag":63,"props":5287,"children":5288},{"style":204},[5289],{"type":60,"value":1386},{"type":55,"tag":63,"props":5291,"children":5292},{"style":198},[5293],{"type":60,"value":267},{"type":55,"tag":63,"props":5295,"children":5296},{"style":279},[5297],{"type":60,"value":1053},{"type":55,"tag":63,"props":5299,"children":5300},{"style":198},[5301],{"type":60,"value":1399},{"type":55,"tag":63,"props":5303,"children":5304},{"style":131},[5305],{"type":60,"value":1404},{"type":55,"tag":63,"props":5307,"children":5308},{"style":198},[5309],{"type":60,"value":1409},{"type":55,"tag":63,"props":5311,"children":5312},{"style":204},[5313],{"type":60,"value":520},{"type":55,"tag":63,"props":5315,"children":5316},{"style":198},[5317],{"type":60,"value":525},{"type":55,"tag":63,"props":5319,"children":5320},{"class":126,"line":707},[5321,5325,5329,5333],{"type":55,"tag":63,"props":5322,"children":5323},{"style":531},[5324],{"type":60,"value":1584},{"type":55,"tag":63,"props":5326,"children":5327},{"style":198},[5328],{"type":60,"value":539},{"type":55,"tag":63,"props":5330,"children":5331},{"style":1591},[5332],{"type":60,"value":2635},{"type":55,"tag":63,"props":5334,"children":5335},{"style":198},[5336],{"type":60,"value":704},{"type":55,"tag":63,"props":5338,"children":5339},{"class":126,"line":724},[5340,5344],{"type":55,"tag":63,"props":5341,"children":5342},{"style":204},[5343],{"type":60,"value":2647},{"type":55,"tag":63,"props":5345,"children":5346},{"style":198},[5347],{"type":60,"value":704},{"type":55,"tag":63,"props":5349,"children":5350},{"class":126,"line":741},[5351,5355,5359],{"type":55,"tag":63,"props":5352,"children":5353},{"style":531},[5354],{"type":60,"value":1426},{"type":55,"tag":63,"props":5356,"children":5357},{"style":198},[5358],{"type":60,"value":287},{"type":55,"tag":63,"props":5360,"children":5361},{"style":198},[5362],{"type":60,"value":1151},{"type":55,"tag":63,"props":5364,"children":5365},{"class":126,"line":749},[5366,5370],{"type":55,"tag":63,"props":5367,"children":5368},{"style":192},[5369],{"type":60,"value":1443},{"type":55,"tag":63,"props":5371,"children":5372},{"style":198},[5373],{"type":60,"value":1151},{"type":55,"tag":63,"props":5375,"children":5376},{"class":126,"line":1372},[5377,5381,5385,5389,5393,5397,5401,5405,5409,5413,5417,5421,5425,5429],{"type":55,"tag":63,"props":5378,"children":5379},{"style":531},[5380],{"type":60,"value":1456},{"type":55,"tag":63,"props":5382,"children":5383},{"style":198},[5384],{"type":60,"value":539},{"type":55,"tag":63,"props":5386,"children":5387},{"style":531},[5388],{"type":60,"value":2748},{"type":55,"tag":63,"props":5390,"children":5391},{"style":279},[5392],{"type":60,"value":2753},{"type":55,"tag":63,"props":5394,"children":5395},{"style":531},[5396],{"type":60,"value":520},{"type":55,"tag":63,"props":5398,"children":5399},{"style":198},[5400],{"type":60,"value":575},{"type":55,"tag":63,"props":5402,"children":5403},{"style":531},[5404],{"type":60,"value":2766},{"type":55,"tag":63,"props":5406,"children":5407},{"style":198},[5408],{"type":60,"value":539},{"type":55,"tag":63,"props":5410,"children":5411},{"style":198},[5412],{"type":60,"value":222},{"type":55,"tag":63,"props":5414,"children":5415},{"style":137},[5416],{"type":60,"value":1518},{"type":55,"tag":63,"props":5418,"children":5419},{"style":198},[5420],{"type":60,"value":232},{"type":55,"tag":63,"props":5422,"children":5423},{"style":198},[5424],{"type":60,"value":212},{"type":55,"tag":63,"props":5426,"children":5427},{"style":531},[5428],{"type":60,"value":2791},{"type":55,"tag":63,"props":5430,"children":5431},{"style":198},[5432],{"type":60,"value":704},{"type":55,"tag":63,"props":5434,"children":5435},{"class":126,"line":1420},[5436],{"type":55,"tag":63,"props":5437,"children":5438},{"style":198},[5439],{"type":60,"value":1566},{"type":55,"tag":63,"props":5441,"children":5442},{"class":126,"line":1437},[5443],{"type":55,"tag":63,"props":5444,"children":5445},{"style":198},[5446],{"type":60,"value":1575},{"type":55,"tag":63,"props":5448,"children":5449},{"class":126,"line":1450},[5450,5455,5459,5464,5468],{"type":55,"tag":63,"props":5451,"children":5452},{"style":531},[5453],{"type":60,"value":5454},"  responseMeta",{"type":55,"tag":63,"props":5456,"children":5457},{"style":198},[5458],{"type":60,"value":520},{"type":55,"tag":63,"props":5460,"children":5461},{"style":633},[5462],{"type":60,"value":5463},"opts",{"type":55,"tag":63,"props":5465,"children":5466},{"style":198},[5467],{"type":60,"value":734},{"type":55,"tag":63,"props":5469,"children":5470},{"style":198},[5471],{"type":60,"value":1151},{"type":55,"tag":63,"props":5473,"children":5474},{"class":126,"line":1468},[5475,5480,5484,5489,5493,5497,5502],{"type":55,"tag":63,"props":5476,"children":5477},{"style":254},[5478],{"type":60,"value":5479},"    const",{"type":55,"tag":63,"props":5481,"children":5482},{"style":198},[5483],{"type":60,"value":201},{"type":55,"tag":63,"props":5485,"children":5486},{"style":204},[5487],{"type":60,"value":5488}," clientErrors",{"type":55,"tag":63,"props":5490,"children":5491},{"style":198},[5492],{"type":60,"value":212},{"type":55,"tag":63,"props":5494,"children":5495},{"style":198},[5496],{"type":60,"value":769},{"type":55,"tag":63,"props":5498,"children":5499},{"style":204},[5500],{"type":60,"value":5501}," opts",{"type":55,"tag":63,"props":5503,"children":5504},{"style":198},[5505],{"type":60,"value":237},{"type":55,"tag":63,"props":5507,"children":5508},{"class":126,"line":1485},[5509,5513,5517,5522,5526,5531,5535],{"type":55,"tag":63,"props":5510,"children":5511},{"style":192},[5512],{"type":60,"value":2683},{"type":55,"tag":63,"props":5514,"children":5515},{"style":531},[5516],{"type":60,"value":651},{"type":55,"tag":63,"props":5518,"children":5519},{"style":204},[5520],{"type":60,"value":5521},"clientErrors",{"type":55,"tag":63,"props":5523,"children":5524},{"style":198},[5525],{"type":60,"value":276},{"type":55,"tag":63,"props":5527,"children":5528},{"style":204},[5529],{"type":60,"value":5530},"length",{"type":55,"tag":63,"props":5532,"children":5533},{"style":531},[5534],{"type":60,"value":1196},{"type":55,"tag":63,"props":5536,"children":5537},{"style":198},[5538],{"type":60,"value":525},{"type":55,"tag":63,"props":5540,"children":5541},{"class":126,"line":1530},[5542,5546,5550,5555,5559,5563,5568,5573,5578,5582,5586,5590,5595,5600,5605],{"type":55,"tag":63,"props":5543,"children":5544},{"style":192},[5545],{"type":60,"value":2727},{"type":55,"tag":63,"props":5547,"children":5548},{"style":198},[5549],{"type":60,"value":201},{"type":55,"tag":63,"props":5551,"children":5552},{"style":531},[5553],{"type":60,"value":5554}," status",{"type":55,"tag":63,"props":5556,"children":5557},{"style":198},[5558],{"type":60,"value":539},{"type":55,"tag":63,"props":5560,"children":5561},{"style":204},[5562],{"type":60,"value":5488},{"type":55,"tag":63,"props":5564,"children":5565},{"style":531},[5566],{"type":60,"value":5567},"[",{"type":55,"tag":63,"props":5569,"children":5570},{"style":1343},[5571],{"type":60,"value":5572},"0",{"type":55,"tag":63,"props":5574,"children":5575},{"style":531},[5576],{"type":60,"value":5577},"]",{"type":55,"tag":63,"props":5579,"children":5580},{"style":198},[5581],{"type":60,"value":276},{"type":55,"tag":63,"props":5583,"children":5584},{"style":204},[5585],{"type":60,"value":2056},{"type":55,"tag":63,"props":5587,"children":5588},{"style":198},[5589],{"type":60,"value":2937},{"type":55,"tag":63,"props":5591,"children":5592},{"style":204},[5593],{"type":60,"value":5594},"httpStatus",{"type":55,"tag":63,"props":5596,"children":5597},{"style":198},[5598],{"type":60,"value":5599}," ??",{"type":55,"tag":63,"props":5601,"children":5602},{"style":1343},[5603],{"type":60,"value":5604}," 500",{"type":55,"tag":63,"props":5606,"children":5607},{"style":198},[5608],{"type":60,"value":3020},{"type":55,"tag":63,"props":5610,"children":5611},{"class":126,"line":1547},[5612],{"type":55,"tag":63,"props":5613,"children":5614},{"style":198},[5615],{"type":60,"value":2811},{"type":55,"tag":63,"props":5617,"children":5618},{"class":126,"line":1560},[5619,5623,5628,5632,5637,5642,5646,5650,5655],{"type":55,"tag":63,"props":5620,"children":5621},{"style":254},[5622],{"type":60,"value":5479},{"type":55,"tag":63,"props":5624,"children":5625},{"style":204},[5626],{"type":60,"value":5627}," ONE_DAY_IN_SECONDS",{"type":55,"tag":63,"props":5629,"children":5630},{"style":198},[5631],{"type":60,"value":769},{"type":55,"tag":63,"props":5633,"children":5634},{"style":1343},[5635],{"type":60,"value":5636}," 60",{"type":55,"tag":63,"props":5638,"children":5639},{"style":198},[5640],{"type":60,"value":5641}," *",{"type":55,"tag":63,"props":5643,"children":5644},{"style":1343},[5645],{"type":60,"value":5636},{"type":55,"tag":63,"props":5647,"children":5648},{"style":198},[5649],{"type":60,"value":5641},{"type":55,"tag":63,"props":5651,"children":5652},{"style":1343},[5653],{"type":60,"value":5654}," 24",{"type":55,"tag":63,"props":5656,"children":5657},{"style":198},[5658],{"type":60,"value":237},{"type":55,"tag":63,"props":5660,"children":5661},{"class":126,"line":1569},[5662,5666],{"type":55,"tag":63,"props":5663,"children":5664},{"style":192},[5665],{"type":60,"value":1443},{"type":55,"tag":63,"props":5667,"children":5668},{"style":198},[5669],{"type":60,"value":1151},{"type":55,"tag":63,"props":5671,"children":5672},{"class":126,"line":1578},[5673,5678,5682,5687,5692],{"type":55,"tag":63,"props":5674,"children":5675},{"style":531},[5676],{"type":60,"value":5677},"      headers",{"type":55,"tag":63,"props":5679,"children":5680},{"style":198},[5681],{"type":60,"value":539},{"type":55,"tag":63,"props":5683,"children":5684},{"style":198},[5685],{"type":60,"value":5686}," new",{"type":55,"tag":63,"props":5688,"children":5689},{"style":279},[5690],{"type":60,"value":5691}," Headers",{"type":55,"tag":63,"props":5693,"children":5694},{"style":531},[5695],{"type":60,"value":5696},"([\n",{"type":55,"tag":63,"props":5698,"children":5699},{"class":126,"line":1601},[5700],{"type":55,"tag":63,"props":5701,"children":5702},{"style":531},[5703],{"type":60,"value":5704},"        [\n",{"type":55,"tag":63,"props":5706,"children":5707},{"class":126,"line":2840},[5708,5713,5718,5722],{"type":55,"tag":63,"props":5709,"children":5710},{"style":198},[5711],{"type":60,"value":5712},"          '",{"type":55,"tag":63,"props":5714,"children":5715},{"style":137},[5716],{"type":60,"value":5717},"cache-control",{"type":55,"tag":63,"props":5719,"children":5720},{"style":198},[5721],{"type":60,"value":232},{"type":55,"tag":63,"props":5723,"children":5724},{"style":198},[5725],{"type":60,"value":704},{"type":55,"tag":63,"props":5727,"children":5728},{"class":126,"line":2856},[5729,5734,5739,5743,5748,5752],{"type":55,"tag":63,"props":5730,"children":5731},{"style":198},[5732],{"type":60,"value":5733},"          `",{"type":55,"tag":63,"props":5735,"children":5736},{"style":137},[5737],{"type":60,"value":5738},"s-maxage=1, stale-while-revalidate=",{"type":55,"tag":63,"props":5740,"children":5741},{"style":198},[5742],{"type":60,"value":682},{"type":55,"tag":63,"props":5744,"children":5745},{"style":204},[5746],{"type":60,"value":5747},"ONE_DAY_IN_SECONDS",{"type":55,"tag":63,"props":5749,"children":5750},{"style":198},[5751],{"type":60,"value":699},{"type":55,"tag":63,"props":5753,"children":5754},{"style":198},[5755],{"type":60,"value":704},{"type":55,"tag":63,"props":5757,"children":5758},{"class":126,"line":2896},[5759,5764],{"type":55,"tag":63,"props":5760,"children":5761},{"style":531},[5762],{"type":60,"value":5763},"        ]",{"type":55,"tag":63,"props":5765,"children":5766},{"style":198},[5767],{"type":60,"value":704},{"type":55,"tag":63,"props":5769,"children":5770},{"class":126,"line":2913},[5771,5776],{"type":55,"tag":63,"props":5772,"children":5773},{"style":531},[5774],{"type":60,"value":5775},"      ])",{"type":55,"tag":63,"props":5777,"children":5778},{"style":198},[5779],{"type":60,"value":704},{"type":55,"tag":63,"props":5781,"children":5782},{"class":126,"line":2967},[5783],{"type":55,"tag":63,"props":5784,"children":5785},{"style":198},[5786],{"type":60,"value":1566},{"type":55,"tag":63,"props":5788,"children":5789},{"class":126,"line":3023},[5790],{"type":55,"tag":63,"props":5791,"children":5792},{"style":198},[5793],{"type":60,"value":1575},{"type":55,"tag":63,"props":5795,"children":5796},{"class":126,"line":3032},[5797,5801,5805],{"type":55,"tag":63,"props":5798,"children":5799},{"style":198},[5800],{"type":60,"value":607},{"type":55,"tag":63,"props":5802,"children":5803},{"style":204},[5804],{"type":60,"value":734},{"type":55,"tag":63,"props":5806,"children":5807},{"style":198},[5808],{"type":60,"value":237},{"type":55,"tag":109,"props":5810,"children":5812},{"id":5811},"cors-on-the-api-handler",[5813],{"type":60,"value":5814},"CORS on the API handler",{"type":55,"tag":90,"props":5816,"children":5818},{"className":179,"code":5817,"filename":8,"language":181,"meta":793,"style":99},"import { createNextApiHandler } from '@trpc\u002Fserver\u002Fadapters\u002Fnext';\nimport type { NextApiRequest, NextApiResponse } from 'next';\nimport { appRouter } from '..\u002F..\u002F..\u002Fserver\u002Frouters\u002F_app';\n\nconst nextApiHandler = createNextApiHandler({\n  router: appRouter,\n  createContext: () => ({}),\n});\n\nexport default async function handler(\n  req: NextApiRequest,\n  res: NextApiResponse,\n) {\n  res.setHeader('Access-Control-Allow-Origin', '*');\n  res.setHeader('Access-Control-Allow-Methods', 'OPTIONS, GET, POST');\n  res.setHeader('Access-Control-Allow-Headers', '*');\n\n  if (req.method === 'OPTIONS') {\n    res.writeHead(200);\n    return res.end();\n  }\n\n  return nextApiHandler(req, res);\n}\n",[5819],{"type":55,"tag":97,"props":5820,"children":5821},{"__ignoreMap":99},[5822,5861,5914,5953,5960,5988,6007,6042,6057,6064,6092,6112,6132,6143,6201,6258,6314,6321,6371,6405,6434,6442,6449,6485],{"type":55,"tag":63,"props":5823,"children":5824},{"class":126,"line":127},[5825,5829,5833,5837,5841,5845,5849,5853,5857],{"type":55,"tag":63,"props":5826,"children":5827},{"style":192},[5828],{"type":60,"value":195},{"type":55,"tag":63,"props":5830,"children":5831},{"style":198},[5832],{"type":60,"value":201},{"type":55,"tag":63,"props":5834,"children":5835},{"style":204},[5836],{"type":60,"value":813},{"type":55,"tag":63,"props":5838,"children":5839},{"style":198},[5840],{"type":60,"value":212},{"type":55,"tag":63,"props":5842,"children":5843},{"style":192},[5844],{"type":60,"value":217},{"type":55,"tag":63,"props":5846,"children":5847},{"style":198},[5848],{"type":60,"value":222},{"type":55,"tag":63,"props":5850,"children":5851},{"style":137},[5852],{"type":60,"value":830},{"type":55,"tag":63,"props":5854,"children":5855},{"style":198},[5856],{"type":60,"value":232},{"type":55,"tag":63,"props":5858,"children":5859},{"style":198},[5860],{"type":60,"value":237},{"type":55,"tag":63,"props":5862,"children":5863},{"class":126,"line":240},[5864,5868,5872,5876,5881,5885,5890,5894,5898,5902,5906,5910],{"type":55,"tag":63,"props":5865,"children":5866},{"style":192},[5867],{"type":60,"value":195},{"type":55,"tag":63,"props":5869,"children":5870},{"style":192},[5871],{"type":60,"value":759},{"type":55,"tag":63,"props":5873,"children":5874},{"style":198},[5875],{"type":60,"value":201},{"type":55,"tag":63,"props":5877,"children":5878},{"style":204},[5879],{"type":60,"value":5880}," NextApiRequest",{"type":55,"tag":63,"props":5882,"children":5883},{"style":198},[5884],{"type":60,"value":454},{"type":55,"tag":63,"props":5886,"children":5887},{"style":204},[5888],{"type":60,"value":5889}," NextApiResponse",{"type":55,"tag":63,"props":5891,"children":5892},{"style":198},[5893],{"type":60,"value":212},{"type":55,"tag":63,"props":5895,"children":5896},{"style":192},[5897],{"type":60,"value":217},{"type":55,"tag":63,"props":5899,"children":5900},{"style":198},[5901],{"type":60,"value":222},{"type":55,"tag":63,"props":5903,"children":5904},{"style":137},[5905],{"type":60,"value":30},{"type":55,"tag":63,"props":5907,"children":5908},{"style":198},[5909],{"type":60,"value":232},{"type":55,"tag":63,"props":5911,"children":5912},{"style":198},[5913],{"type":60,"value":237},{"type":55,"tag":63,"props":5915,"children":5916},{"class":126,"line":250},[5917,5921,5925,5929,5933,5937,5941,5945,5949],{"type":55,"tag":63,"props":5918,"children":5919},{"style":192},[5920],{"type":60,"value":195},{"type":55,"tag":63,"props":5922,"children":5923},{"style":198},[5924],{"type":60,"value":201},{"type":55,"tag":63,"props":5926,"children":5927},{"style":204},[5928],{"type":60,"value":779},{"type":55,"tag":63,"props":5930,"children":5931},{"style":198},[5932],{"type":60,"value":212},{"type":55,"tag":63,"props":5934,"children":5935},{"style":192},[5936],{"type":60,"value":217},{"type":55,"tag":63,"props":5938,"children":5939},{"style":198},[5940],{"type":60,"value":222},{"type":55,"tag":63,"props":5942,"children":5943},{"style":137},[5944],{"type":60,"value":870},{"type":55,"tag":63,"props":5946,"children":5947},{"style":198},[5948],{"type":60,"value":232},{"type":55,"tag":63,"props":5950,"children":5951},{"style":198},[5952],{"type":60,"value":237},{"type":55,"tag":63,"props":5954,"children":5955},{"class":126,"line":294},[5956],{"type":55,"tag":63,"props":5957,"children":5958},{"emptyLinePlaceholder":244},[5959],{"type":60,"value":247},{"type":55,"tag":63,"props":5961,"children":5962},{"class":126,"line":302},[5963,5967,5972,5976,5980,5984],{"type":55,"tag":63,"props":5964,"children":5965},{"style":254},[5966],{"type":60,"value":257},{"type":55,"tag":63,"props":5968,"children":5969},{"style":204},[5970],{"type":60,"value":5971}," nextApiHandler ",{"type":55,"tag":63,"props":5973,"children":5974},{"style":198},[5975],{"type":60,"value":267},{"type":55,"tag":63,"props":5977,"children":5978},{"style":279},[5979],{"type":60,"value":813},{"type":55,"tag":63,"props":5981,"children":5982},{"style":204},[5983],{"type":60,"value":520},{"type":55,"tag":63,"props":5985,"children":5986},{"style":198},[5987],{"type":60,"value":525},{"type":55,"tag":63,"props":5989,"children":5990},{"class":126,"line":343},[5991,5995,5999,6003],{"type":55,"tag":63,"props":5992,"children":5993},{"style":531},[5994],{"type":60,"value":917},{"type":55,"tag":63,"props":5996,"children":5997},{"style":198},[5998],{"type":60,"value":539},{"type":55,"tag":63,"props":6000,"children":6001},{"style":204},[6002],{"type":60,"value":779},{"type":55,"tag":63,"props":6004,"children":6005},{"style":198},[6006],{"type":60,"value":704},{"type":55,"tag":63,"props":6008,"children":6009},{"class":126,"line":707},[6010,6014,6018,6022,6026,6030,6034,6038],{"type":55,"tag":63,"props":6011,"children":6012},{"style":279},[6013],{"type":60,"value":937},{"type":55,"tag":63,"props":6015,"children":6016},{"style":198},[6017],{"type":60,"value":539},{"type":55,"tag":63,"props":6019,"children":6020},{"style":198},[6021],{"type":60,"value":946},{"type":55,"tag":63,"props":6023,"children":6024},{"style":254},[6025],{"type":60,"value":646},{"type":55,"tag":63,"props":6027,"children":6028},{"style":204},[6029],{"type":60,"value":651},{"type":55,"tag":63,"props":6031,"children":6032},{"style":198},[6033],{"type":60,"value":959},{"type":55,"tag":63,"props":6035,"children":6036},{"style":204},[6037],{"type":60,"value":734},{"type":55,"tag":63,"props":6039,"children":6040},{"style":198},[6041],{"type":60,"value":704},{"type":55,"tag":63,"props":6043,"children":6044},{"class":126,"line":724},[6045,6049,6053],{"type":55,"tag":63,"props":6046,"children":6047},{"style":198},[6048],{"type":60,"value":607},{"type":55,"tag":63,"props":6050,"children":6051},{"style":204},[6052],{"type":60,"value":734},{"type":55,"tag":63,"props":6054,"children":6055},{"style":198},[6056],{"type":60,"value":237},{"type":55,"tag":63,"props":6058,"children":6059},{"class":126,"line":741},[6060],{"type":55,"tag":63,"props":6061,"children":6062},{"emptyLinePlaceholder":244},[6063],{"type":60,"value":247},{"type":55,"tag":63,"props":6065,"children":6066},{"class":126,"line":749},[6067,6071,6075,6079,6083,6088],{"type":55,"tag":63,"props":6068,"children":6069},{"style":192},[6070],{"type":60,"value":308},{"type":55,"tag":63,"props":6072,"children":6073},{"style":192},[6074],{"type":60,"value":897},{"type":55,"tag":63,"props":6076,"children":6077},{"style":254},[6078],{"type":60,"value":3356},{"type":55,"tag":63,"props":6080,"children":6081},{"style":254},[6082],{"type":60,"value":1934},{"type":55,"tag":63,"props":6084,"children":6085},{"style":279},[6086],{"type":60,"value":6087}," handler",{"type":55,"tag":63,"props":6089,"children":6090},{"style":198},[6091],{"type":60,"value":3370},{"type":55,"tag":63,"props":6093,"children":6094},{"class":126,"line":1372},[6095,6100,6104,6108],{"type":55,"tag":63,"props":6096,"children":6097},{"style":633},[6098],{"type":60,"value":6099},"  req",{"type":55,"tag":63,"props":6101,"children":6102},{"style":198},[6103],{"type":60,"value":539},{"type":55,"tag":63,"props":6105,"children":6106},{"style":131},[6107],{"type":60,"value":5880},{"type":55,"tag":63,"props":6109,"children":6110},{"style":198},[6111],{"type":60,"value":704},{"type":55,"tag":63,"props":6113,"children":6114},{"class":126,"line":1420},[6115,6120,6124,6128],{"type":55,"tag":63,"props":6116,"children":6117},{"style":633},[6118],{"type":60,"value":6119},"  res",{"type":55,"tag":63,"props":6121,"children":6122},{"style":198},[6123],{"type":60,"value":539},{"type":55,"tag":63,"props":6125,"children":6126},{"style":131},[6127],{"type":60,"value":5889},{"type":55,"tag":63,"props":6129,"children":6130},{"style":198},[6131],{"type":60,"value":704},{"type":55,"tag":63,"props":6133,"children":6134},{"class":126,"line":1437},[6135,6139],{"type":55,"tag":63,"props":6136,"children":6137},{"style":198},[6138],{"type":60,"value":734},{"type":55,"tag":63,"props":6140,"children":6141},{"style":198},[6142],{"type":60,"value":1151},{"type":55,"tag":63,"props":6144,"children":6145},{"class":126,"line":1450},[6146,6150,6154,6159,6163,6167,6172,6176,6180,6184,6189,6193,6197],{"type":55,"tag":63,"props":6147,"children":6148},{"style":204},[6149],{"type":60,"value":6119},{"type":55,"tag":63,"props":6151,"children":6152},{"style":198},[6153],{"type":60,"value":276},{"type":55,"tag":63,"props":6155,"children":6156},{"style":279},[6157],{"type":60,"value":6158},"setHeader",{"type":55,"tag":63,"props":6160,"children":6161},{"style":531},[6162],{"type":60,"value":520},{"type":55,"tag":63,"props":6164,"children":6165},{"style":198},[6166],{"type":60,"value":232},{"type":55,"tag":63,"props":6168,"children":6169},{"style":137},[6170],{"type":60,"value":6171},"Access-Control-Allow-Origin",{"type":55,"tag":63,"props":6173,"children":6174},{"style":198},[6175],{"type":60,"value":232},{"type":55,"tag":63,"props":6177,"children":6178},{"style":198},[6179],{"type":60,"value":454},{"type":55,"tag":63,"props":6181,"children":6182},{"style":198},[6183],{"type":60,"value":222},{"type":55,"tag":63,"props":6185,"children":6186},{"style":137},[6187],{"type":60,"value":6188},"*",{"type":55,"tag":63,"props":6190,"children":6191},{"style":198},[6192],{"type":60,"value":232},{"type":55,"tag":63,"props":6194,"children":6195},{"style":531},[6196],{"type":60,"value":734},{"type":55,"tag":63,"props":6198,"children":6199},{"style":198},[6200],{"type":60,"value":237},{"type":55,"tag":63,"props":6202,"children":6203},{"class":126,"line":1468},[6204,6208,6212,6216,6220,6224,6229,6233,6237,6241,6246,6250,6254],{"type":55,"tag":63,"props":6205,"children":6206},{"style":204},[6207],{"type":60,"value":6119},{"type":55,"tag":63,"props":6209,"children":6210},{"style":198},[6211],{"type":60,"value":276},{"type":55,"tag":63,"props":6213,"children":6214},{"style":279},[6215],{"type":60,"value":6158},{"type":55,"tag":63,"props":6217,"children":6218},{"style":531},[6219],{"type":60,"value":520},{"type":55,"tag":63,"props":6221,"children":6222},{"style":198},[6223],{"type":60,"value":232},{"type":55,"tag":63,"props":6225,"children":6226},{"style":137},[6227],{"type":60,"value":6228},"Access-Control-Allow-Methods",{"type":55,"tag":63,"props":6230,"children":6231},{"style":198},[6232],{"type":60,"value":232},{"type":55,"tag":63,"props":6234,"children":6235},{"style":198},[6236],{"type":60,"value":454},{"type":55,"tag":63,"props":6238,"children":6239},{"style":198},[6240],{"type":60,"value":222},{"type":55,"tag":63,"props":6242,"children":6243},{"style":137},[6244],{"type":60,"value":6245},"OPTIONS, GET, POST",{"type":55,"tag":63,"props":6247,"children":6248},{"style":198},[6249],{"type":60,"value":232},{"type":55,"tag":63,"props":6251,"children":6252},{"style":531},[6253],{"type":60,"value":734},{"type":55,"tag":63,"props":6255,"children":6256},{"style":198},[6257],{"type":60,"value":237},{"type":55,"tag":63,"props":6259,"children":6260},{"class":126,"line":1485},[6261,6265,6269,6273,6277,6281,6286,6290,6294,6298,6302,6306,6310],{"type":55,"tag":63,"props":6262,"children":6263},{"style":204},[6264],{"type":60,"value":6119},{"type":55,"tag":63,"props":6266,"children":6267},{"style":198},[6268],{"type":60,"value":276},{"type":55,"tag":63,"props":6270,"children":6271},{"style":279},[6272],{"type":60,"value":6158},{"type":55,"tag":63,"props":6274,"children":6275},{"style":531},[6276],{"type":60,"value":520},{"type":55,"tag":63,"props":6278,"children":6279},{"style":198},[6280],{"type":60,"value":232},{"type":55,"tag":63,"props":6282,"children":6283},{"style":137},[6284],{"type":60,"value":6285},"Access-Control-Allow-Headers",{"type":55,"tag":63,"props":6287,"children":6288},{"style":198},[6289],{"type":60,"value":232},{"type":55,"tag":63,"props":6291,"children":6292},{"style":198},[6293],{"type":60,"value":454},{"type":55,"tag":63,"props":6295,"children":6296},{"style":198},[6297],{"type":60,"value":222},{"type":55,"tag":63,"props":6299,"children":6300},{"style":137},[6301],{"type":60,"value":6188},{"type":55,"tag":63,"props":6303,"children":6304},{"style":198},[6305],{"type":60,"value":232},{"type":55,"tag":63,"props":6307,"children":6308},{"style":531},[6309],{"type":60,"value":734},{"type":55,"tag":63,"props":6311,"children":6312},{"style":198},[6313],{"type":60,"value":237},{"type":55,"tag":63,"props":6315,"children":6316},{"class":126,"line":1530},[6317],{"type":55,"tag":63,"props":6318,"children":6319},{"emptyLinePlaceholder":244},[6320],{"type":60,"value":247},{"type":55,"tag":63,"props":6322,"children":6323},{"class":126,"line":1547},[6324,6328,6332,6336,6340,6345,6350,6354,6359,6363,6367],{"type":55,"tag":63,"props":6325,"children":6326},{"style":192},[6327],{"type":60,"value":1159},{"type":55,"tag":63,"props":6329,"children":6330},{"style":531},[6331],{"type":60,"value":651},{"type":55,"tag":63,"props":6333,"children":6334},{"style":204},[6335],{"type":60,"value":2942},{"type":55,"tag":63,"props":6337,"children":6338},{"style":198},[6339],{"type":60,"value":276},{"type":55,"tag":63,"props":6341,"children":6342},{"style":204},[6343],{"type":60,"value":6344},"method",{"type":55,"tag":63,"props":6346,"children":6347},{"style":198},[6348],{"type":60,"value":6349}," ===",{"type":55,"tag":63,"props":6351,"children":6352},{"style":198},[6353],{"type":60,"value":222},{"type":55,"tag":63,"props":6355,"children":6356},{"style":137},[6357],{"type":60,"value":6358},"OPTIONS",{"type":55,"tag":63,"props":6360,"children":6361},{"style":198},[6362],{"type":60,"value":232},{"type":55,"tag":63,"props":6364,"children":6365},{"style":531},[6366],{"type":60,"value":1196},{"type":55,"tag":63,"props":6368,"children":6369},{"style":198},[6370],{"type":60,"value":525},{"type":55,"tag":63,"props":6372,"children":6373},{"class":126,"line":1560},[6374,6379,6383,6388,6392,6397,6401],{"type":55,"tag":63,"props":6375,"children":6376},{"style":204},[6377],{"type":60,"value":6378},"    res",{"type":55,"tag":63,"props":6380,"children":6381},{"style":198},[6382],{"type":60,"value":276},{"type":55,"tag":63,"props":6384,"children":6385},{"style":279},[6386],{"type":60,"value":6387},"writeHead",{"type":55,"tag":63,"props":6389,"children":6390},{"style":531},[6391],{"type":60,"value":520},{"type":55,"tag":63,"props":6393,"children":6394},{"style":1343},[6395],{"type":60,"value":6396},"200",{"type":55,"tag":63,"props":6398,"children":6399},{"style":531},[6400],{"type":60,"value":734},{"type":55,"tag":63,"props":6402,"children":6403},{"style":198},[6404],{"type":60,"value":237},{"type":55,"tag":63,"props":6406,"children":6407},{"class":126,"line":1569},[6408,6412,6417,6421,6426,6430],{"type":55,"tag":63,"props":6409,"children":6410},{"style":192},[6411],{"type":60,"value":1443},{"type":55,"tag":63,"props":6413,"children":6414},{"style":204},[6415],{"type":60,"value":6416}," res",{"type":55,"tag":63,"props":6418,"children":6419},{"style":198},[6420],{"type":60,"value":276},{"type":55,"tag":63,"props":6422,"children":6423},{"style":279},[6424],{"type":60,"value":6425},"end",{"type":55,"tag":63,"props":6427,"children":6428},{"style":531},[6429],{"type":60,"value":287},{"type":55,"tag":63,"props":6431,"children":6432},{"style":198},[6433],{"type":60,"value":237},{"type":55,"tag":63,"props":6435,"children":6436},{"class":126,"line":1578},[6437],{"type":55,"tag":63,"props":6438,"children":6439},{"style":198},[6440],{"type":60,"value":6441},"  }\n",{"type":55,"tag":63,"props":6443,"children":6444},{"class":126,"line":1601},[6445],{"type":55,"tag":63,"props":6446,"children":6447},{"emptyLinePlaceholder":244},[6448],{"type":60,"value":247},{"type":55,"tag":63,"props":6450,"children":6451},{"class":126,"line":2840},[6452,6456,6461,6465,6469,6473,6477,6481],{"type":55,"tag":63,"props":6453,"children":6454},{"style":192},[6455],{"type":60,"value":1301},{"type":55,"tag":63,"props":6457,"children":6458},{"style":279},[6459],{"type":60,"value":6460}," nextApiHandler",{"type":55,"tag":63,"props":6462,"children":6463},{"style":531},[6464],{"type":60,"value":520},{"type":55,"tag":63,"props":6466,"children":6467},{"style":204},[6468],{"type":60,"value":2942},{"type":55,"tag":63,"props":6470,"children":6471},{"style":198},[6472],{"type":60,"value":454},{"type":55,"tag":63,"props":6474,"children":6475},{"style":204},[6476],{"type":60,"value":6416},{"type":55,"tag":63,"props":6478,"children":6479},{"style":531},[6480],{"type":60,"value":734},{"type":55,"tag":63,"props":6482,"children":6483},{"style":198},[6484],{"type":60,"value":237},{"type":55,"tag":63,"props":6486,"children":6487},{"class":126,"line":2856},[6488],{"type":55,"tag":63,"props":6489,"children":6490},{"style":198},[6491],{"type":60,"value":1362},{"type":55,"tag":109,"props":6493,"children":6495},{"id":6494},"limiting-batch-size-with-maxbatchsize",[6496],{"type":60,"value":6497},"Limiting batch size with maxBatchSize",{"type":55,"tag":90,"props":6499,"children":6501},{"className":179,"code":6500,"filename":8,"language":181,"meta":793,"style":99},"import { createNextApiHandler } from '@trpc\u002Fserver\u002Fadapters\u002Fnext';\nimport { appRouter } from '..\u002F..\u002F..\u002Fserver\u002Frouters\u002F_app';\n\nexport default createNextApiHandler({\n  router: appRouter,\n  createContext: () => ({}),\n  maxBatchSize: 10,\n});\n",[6502],{"type":55,"tag":97,"props":6503,"children":6504},{"__ignoreMap":99},[6505,6544,6583,6590,6613,6632,6667,6688],{"type":55,"tag":63,"props":6506,"children":6507},{"class":126,"line":127},[6508,6512,6516,6520,6524,6528,6532,6536,6540],{"type":55,"tag":63,"props":6509,"children":6510},{"style":192},[6511],{"type":60,"value":195},{"type":55,"tag":63,"props":6513,"children":6514},{"style":198},[6515],{"type":60,"value":201},{"type":55,"tag":63,"props":6517,"children":6518},{"style":204},[6519],{"type":60,"value":813},{"type":55,"tag":63,"props":6521,"children":6522},{"style":198},[6523],{"type":60,"value":212},{"type":55,"tag":63,"props":6525,"children":6526},{"style":192},[6527],{"type":60,"value":217},{"type":55,"tag":63,"props":6529,"children":6530},{"style":198},[6531],{"type":60,"value":222},{"type":55,"tag":63,"props":6533,"children":6534},{"style":137},[6535],{"type":60,"value":830},{"type":55,"tag":63,"props":6537,"children":6538},{"style":198},[6539],{"type":60,"value":232},{"type":55,"tag":63,"props":6541,"children":6542},{"style":198},[6543],{"type":60,"value":237},{"type":55,"tag":63,"props":6545,"children":6546},{"class":126,"line":240},[6547,6551,6555,6559,6563,6567,6571,6575,6579],{"type":55,"tag":63,"props":6548,"children":6549},{"style":192},[6550],{"type":60,"value":195},{"type":55,"tag":63,"props":6552,"children":6553},{"style":198},[6554],{"type":60,"value":201},{"type":55,"tag":63,"props":6556,"children":6557},{"style":204},[6558],{"type":60,"value":779},{"type":55,"tag":63,"props":6560,"children":6561},{"style":198},[6562],{"type":60,"value":212},{"type":55,"tag":63,"props":6564,"children":6565},{"style":192},[6566],{"type":60,"value":217},{"type":55,"tag":63,"props":6568,"children":6569},{"style":198},[6570],{"type":60,"value":222},{"type":55,"tag":63,"props":6572,"children":6573},{"style":137},[6574],{"type":60,"value":870},{"type":55,"tag":63,"props":6576,"children":6577},{"style":198},[6578],{"type":60,"value":232},{"type":55,"tag":63,"props":6580,"children":6581},{"style":198},[6582],{"type":60,"value":237},{"type":55,"tag":63,"props":6584,"children":6585},{"class":126,"line":250},[6586],{"type":55,"tag":63,"props":6587,"children":6588},{"emptyLinePlaceholder":244},[6589],{"type":60,"value":247},{"type":55,"tag":63,"props":6591,"children":6592},{"class":126,"line":294},[6593,6597,6601,6605,6609],{"type":55,"tag":63,"props":6594,"children":6595},{"style":192},[6596],{"type":60,"value":308},{"type":55,"tag":63,"props":6598,"children":6599},{"style":192},[6600],{"type":60,"value":897},{"type":55,"tag":63,"props":6602,"children":6603},{"style":279},[6604],{"type":60,"value":813},{"type":55,"tag":63,"props":6606,"children":6607},{"style":204},[6608],{"type":60,"value":520},{"type":55,"tag":63,"props":6610,"children":6611},{"style":198},[6612],{"type":60,"value":525},{"type":55,"tag":63,"props":6614,"children":6615},{"class":126,"line":302},[6616,6620,6624,6628],{"type":55,"tag":63,"props":6617,"children":6618},{"style":531},[6619],{"type":60,"value":917},{"type":55,"tag":63,"props":6621,"children":6622},{"style":198},[6623],{"type":60,"value":539},{"type":55,"tag":63,"props":6625,"children":6626},{"style":204},[6627],{"type":60,"value":779},{"type":55,"tag":63,"props":6629,"children":6630},{"style":198},[6631],{"type":60,"value":704},{"type":55,"tag":63,"props":6633,"children":6634},{"class":126,"line":343},[6635,6639,6643,6647,6651,6655,6659,6663],{"type":55,"tag":63,"props":6636,"children":6637},{"style":279},[6638],{"type":60,"value":937},{"type":55,"tag":63,"props":6640,"children":6641},{"style":198},[6642],{"type":60,"value":539},{"type":55,"tag":63,"props":6644,"children":6645},{"style":198},[6646],{"type":60,"value":946},{"type":55,"tag":63,"props":6648,"children":6649},{"style":254},[6650],{"type":60,"value":646},{"type":55,"tag":63,"props":6652,"children":6653},{"style":204},[6654],{"type":60,"value":651},{"type":55,"tag":63,"props":6656,"children":6657},{"style":198},[6658],{"type":60,"value":959},{"type":55,"tag":63,"props":6660,"children":6661},{"style":204},[6662],{"type":60,"value":734},{"type":55,"tag":63,"props":6664,"children":6665},{"style":198},[6666],{"type":60,"value":704},{"type":55,"tag":63,"props":6668,"children":6669},{"class":126,"line":707},[6670,6675,6679,6684],{"type":55,"tag":63,"props":6671,"children":6672},{"style":531},[6673],{"type":60,"value":6674},"  maxBatchSize",{"type":55,"tag":63,"props":6676,"children":6677},{"style":198},[6678],{"type":60,"value":539},{"type":55,"tag":63,"props":6680,"children":6681},{"style":1343},[6682],{"type":60,"value":6683}," 10",{"type":55,"tag":63,"props":6685,"children":6686},{"style":198},[6687],{"type":60,"value":704},{"type":55,"tag":63,"props":6689,"children":6690},{"class":126,"line":724},[6691,6695,6699],{"type":55,"tag":63,"props":6692,"children":6693},{"style":198},[6694],{"type":60,"value":607},{"type":55,"tag":63,"props":6696,"children":6697},{"style":204},[6698],{"type":60,"value":734},{"type":55,"tag":63,"props":6700,"children":6701},{"style":198},[6702],{"type":60,"value":237},{"type":55,"tag":56,"props":6704,"children":6705},{},[6706,6708,6714,6716,6722,6724,6730,6732,6737],{"type":60,"value":6707},"Requests batching more than ",{"type":55,"tag":97,"props":6709,"children":6711},{"className":6710},[],[6712],{"type":60,"value":6713},"maxBatchSize",{"type":60,"value":6715}," operations are rejected with a ",{"type":55,"tag":97,"props":6717,"children":6719},{"className":6718},[],[6720],{"type":60,"value":6721},"400 Bad Request",{"type":60,"value":6723}," error. Set ",{"type":55,"tag":97,"props":6725,"children":6727},{"className":6726},[],[6728],{"type":60,"value":6729},"maxItems",{"type":60,"value":6731}," on your client's ",{"type":55,"tag":97,"props":6733,"children":6735},{"className":6734},[],[6736],{"type":60,"value":2753},{"type":60,"value":6738}," to the same value to avoid exceeding the limit.",{"type":55,"tag":83,"props":6740,"children":6742},{"id":6741},"common-mistakes",[6743],{"type":60,"value":6744},"Common Mistakes",{"type":55,"tag":109,"props":6746,"children":6748},{"id":6747},"using-ssr-true-without-understanding-implications",[6749],{"type":60,"value":6750},"Using ssr: true without understanding implications",{"type":55,"tag":56,"props":6752,"children":6753},{},[6754,6756,6762,6764,6770,6772,6777,6779,6785,6787,6793,6795,6801,6803,6809],{"type":60,"value":6755},"Enabling ",{"type":55,"tag":97,"props":6757,"children":6759},{"className":6758},[],[6760],{"type":60,"value":6761},"ssr: true",{"type":60,"value":6763}," imports ",{"type":55,"tag":97,"props":6765,"children":6767},{"className":6766},[],[6768],{"type":60,"value":6769},"react-dom",{"type":60,"value":6771}," and runs ",{"type":55,"tag":97,"props":6773,"children":6775},{"className":6774},[],[6776],{"type":60,"value":2180},{"type":60,"value":6778}," on every request, rendering the component tree repeatedly until no queries are fetching. This adds latency and server load. For better control, keep ",{"type":55,"tag":97,"props":6780,"children":6782},{"className":6781},[],[6783],{"type":60,"value":6784},"ssr: false",{"type":60,"value":6786}," (the default) and use ",{"type":55,"tag":97,"props":6788,"children":6790},{"className":6789},[],[6791],{"type":60,"value":6792},"createServerSideHelpers",{"type":60,"value":6794}," in ",{"type":55,"tag":97,"props":6796,"children":6798},{"className":6797},[],[6799],{"type":60,"value":6800},"getServerSideProps",{"type":60,"value":6802}," or ",{"type":55,"tag":97,"props":6804,"children":6806},{"className":6805},[],[6807],{"type":60,"value":6808},"getStaticProps",{"type":60,"value":6810}," to selectively prefetch only the queries you need.",{"type":55,"tag":109,"props":6812,"children":6814},{"id":6813},"ssr-prepass-renders-multiple-times",[6815],{"type":60,"value":6816},"SSR prepass renders multiple times",{"type":55,"tag":56,"props":6818,"children":6819},{},[6820],{"type":60,"value":6821},"The SSR prepass loop re-renders the component tree repeatedly until all queries resolve. This is by design but causes performance issues with expensive renders. Keep SSR-rendered pages lightweight, or switch to selective prefetching with server-side helpers.",{"type":55,"tag":109,"props":6823,"children":6825},{"id":6824},"mixing-app-router-and-pages-router-patterns",[6826],{"type":60,"value":6827},"Mixing App Router and Pages Router patterns",{"type":55,"tag":56,"props":6829,"children":6830},{},[6831,6833,6839,6841,6847,6849,6855,6857,6863,6864,6870,6871,6876,6878,6884,6886,6892,6893,6899],{"type":60,"value":6832},"App Router uses ",{"type":55,"tag":97,"props":6834,"children":6836},{"className":6835},[],[6837],{"type":60,"value":6838},"fetchRequestHandler",{"type":60,"value":6840},", ",{"type":55,"tag":97,"props":6842,"children":6844},{"className":6843},[],[6845],{"type":60,"value":6846},"createTRPCOptionsProxy",{"type":60,"value":6848},", and ",{"type":55,"tag":97,"props":6850,"children":6852},{"className":6851},[],[6853],{"type":60,"value":6854},"@trpc\u002Ftanstack-react-query",{"type":60,"value":6856},". Pages Router uses ",{"type":55,"tag":97,"props":6858,"children":6860},{"className":6859},[],[6861],{"type":60,"value":6862},"createNextApiHandler",{"type":60,"value":6840},{"type":55,"tag":97,"props":6865,"children":6867},{"className":6866},[],[6868],{"type":60,"value":6869},"createTRPCNext",{"type":60,"value":6848},{"type":55,"tag":97,"props":6872,"children":6874},{"className":6873},[],[6875],{"type":60,"value":1070},{"type":60,"value":6877},"\u002F",{"type":55,"tag":97,"props":6879,"children":6881},{"className":6880},[],[6882],{"type":60,"value":6883},"@trpc\u002Freact-query",{"type":60,"value":6885},". Applying App Router patterns (like ",{"type":55,"tag":97,"props":6887,"children":6889},{"className":6888},[],[6890],{"type":60,"value":6891},"HydrationBoundary",{"type":60,"value":6802},{"type":55,"tag":97,"props":6894,"children":6896},{"className":6895},[],[6897],{"type":60,"value":6898},"prefetchQuery",{"type":60,"value":6900},") in Pages Router, or vice versa, produces non-functional code.",{"type":55,"tag":109,"props":6902,"children":6904},{"id":6903},"forgetting-to-return-trpcstate-from-getstaticpropsgetserversideprops",[6905],{"type":60,"value":6906},"Forgetting to return trpcState from getStaticProps\u002FgetServerSideProps",{"type":55,"tag":56,"props":6908,"children":6909},{},[6910,6912,6917,6919,6925],{"type":60,"value":6911},"When using ",{"type":55,"tag":97,"props":6913,"children":6915},{"className":6914},[],[6916],{"type":60,"value":6792},{"type":60,"value":6918},", you must return ",{"type":55,"tag":97,"props":6920,"children":6922},{"className":6921},[],[6923],{"type":60,"value":6924},"trpcState: helpers.dehydrate()",{"type":60,"value":6926}," in props. Without this, the prefetched data is lost and queries re-fetch on the client.",{"type":55,"tag":90,"props":6928,"children":6930},{"className":179,"code":6929,"language":181,"meta":99,"style":99},"\u002F\u002F WRONG\nreturn { props: { id } }; \u002F\u002F missing trpcState!\n\n\u002F\u002F CORRECT\nreturn { props: { trpcState: helpers.dehydrate(), id } };\n",[6931],{"type":55,"tag":97,"props":6932,"children":6933},{"__ignoreMap":99},[6934,6943,6985,6992,7000],{"type":55,"tag":63,"props":6935,"children":6936},{"class":126,"line":127},[6937],{"type":55,"tag":63,"props":6938,"children":6940},{"style":6939},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[6941],{"type":60,"value":6942},"\u002F\u002F WRONG\n",{"type":55,"tag":63,"props":6944,"children":6945},{"class":126,"line":240},[6946,6950,6954,6958,6962,6966,6971,6975,6980],{"type":55,"tag":63,"props":6947,"children":6948},{"style":192},[6949],{"type":60,"value":1201},{"type":55,"tag":63,"props":6951,"children":6952},{"style":198},[6953],{"type":60,"value":201},{"type":55,"tag":63,"props":6955,"children":6956},{"style":531},[6957],{"type":60,"value":3987},{"type":55,"tag":63,"props":6959,"children":6960},{"style":198},[6961],{"type":60,"value":539},{"type":55,"tag":63,"props":6963,"children":6964},{"style":198},[6965],{"type":60,"value":201},{"type":55,"tag":63,"props":6967,"children":6968},{"style":204},[6969],{"type":60,"value":6970}," id ",{"type":55,"tag":63,"props":6972,"children":6973},{"style":198},[6974],{"type":60,"value":607},{"type":55,"tag":63,"props":6976,"children":6977},{"style":198},[6978],{"type":60,"value":6979}," };",{"type":55,"tag":63,"props":6981,"children":6982},{"style":6939},[6983],{"type":60,"value":6984}," \u002F\u002F missing trpcState!\n",{"type":55,"tag":63,"props":6986,"children":6987},{"class":126,"line":250},[6988],{"type":55,"tag":63,"props":6989,"children":6990},{"emptyLinePlaceholder":244},[6991],{"type":60,"value":247},{"type":55,"tag":63,"props":6993,"children":6994},{"class":126,"line":294},[6995],{"type":55,"tag":63,"props":6996,"children":6997},{"style":6939},[6998],{"type":60,"value":6999},"\u002F\u002F CORRECT\n",{"type":55,"tag":63,"props":7001,"children":7002},{"class":126,"line":302},[7003,7007,7011,7015,7019,7023,7028,7032,7036,7040,7044,7048,7052,7056,7060],{"type":55,"tag":63,"props":7004,"children":7005},{"style":192},[7006],{"type":60,"value":1201},{"type":55,"tag":63,"props":7008,"children":7009},{"style":198},[7010],{"type":60,"value":201},{"type":55,"tag":63,"props":7012,"children":7013},{"style":531},[7014],{"type":60,"value":3987},{"type":55,"tag":63,"props":7016,"children":7017},{"style":198},[7018],{"type":60,"value":539},{"type":55,"tag":63,"props":7020,"children":7021},{"style":198},[7022],{"type":60,"value":201},{"type":55,"tag":63,"props":7024,"children":7025},{"style":531},[7026],{"type":60,"value":7027}," trpcState",{"type":55,"tag":63,"props":7029,"children":7030},{"style":198},[7031],{"type":60,"value":539},{"type":55,"tag":63,"props":7033,"children":7034},{"style":204},[7035],{"type":60,"value":3434},{"type":55,"tag":63,"props":7037,"children":7038},{"style":198},[7039],{"type":60,"value":276},{"type":55,"tag":63,"props":7041,"children":7042},{"style":279},[7043],{"type":60,"value":3702},{"type":55,"tag":63,"props":7045,"children":7046},{"style":204},[7047],{"type":60,"value":287},{"type":55,"tag":63,"props":7049,"children":7050},{"style":198},[7051],{"type":60,"value":454},{"type":55,"tag":63,"props":7053,"children":7054},{"style":204},[7055],{"type":60,"value":6970},{"type":55,"tag":63,"props":7057,"children":7058},{"style":198},[7059],{"type":60,"value":607},{"type":55,"tag":63,"props":7061,"children":7062},{"style":198},[7063],{"type":60,"value":3020},{"type":55,"tag":83,"props":7065,"children":7067},{"id":7066},"see-also",[7068],{"type":60,"value":7069},"See Also",{"type":55,"tag":7071,"props":7072,"children":7073},"ul",{},[7074,7084,7093,7103],{"type":55,"tag":7075,"props":7076,"children":7077},"li",{},[7078,7082],{"type":55,"tag":63,"props":7079,"children":7080},{},[7081],{"type":60,"value":45},{"type":60,"value":7083}," -- initTRPC, routers, procedures, context",{"type":55,"tag":7075,"props":7085,"children":7086},{},[7087,7091],{"type":55,"tag":63,"props":7088,"children":7089},{},[7090],{"type":60,"value":46},{"type":60,"value":7092}," -- vanilla tRPC client, links configuration",{"type":55,"tag":7075,"props":7094,"children":7095},{},[7096,7101],{"type":55,"tag":63,"props":7097,"children":7098},{},[7099],{"type":60,"value":7100},"nextjs-app-router",{"type":60,"value":7102}," -- if migrating to or starting with App Router",{"type":55,"tag":7075,"props":7104,"children":7105},{},[7106,7111],{"type":55,"tag":63,"props":7107,"children":7108},{},[7109],{"type":60,"value":7110},"react-query-classic-migration",{"type":60,"value":7112}," -- migrating from @trpc\u002Freact-query to @trpc\u002Ftanstack-react-query",{"type":55,"tag":7114,"props":7115,"children":7116},"style",{},[7117],{"type":60,"value":7118},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":7120,"total":2856},[7121,7138,7151,7164,7184,7197,7211,7225,7234,7248,7258,7270],{"slug":7122,"name":7122,"fn":7123,"description":7124,"org":7125,"tags":7126,"stars":23,"repoUrl":24,"updatedAt":7137},"adapter-aws-lambda","deploy tRPC APIs on AWS Lambda","Deploy tRPC on AWS Lambda with awsLambdaRequestHandler() from @trpc\u002Fserver\u002Fadapters\u002Faws-lambda for API Gateway v1 (REST, APIGatewayProxyEvent) and v2 (HTTP, APIGatewayProxyEventV2), and Lambda Function URLs. Enable response streaming with awsLambdaStreamingRequestHandler() wrapped in awslambda.streamifyResponse(). CreateAWSLambdaContextOptions provides event and context for context creation.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7127,7130,7133,7136],{"name":7128,"slug":7129,"type":15},"API Development","api-development",{"name":7131,"slug":7132,"type":15},"AWS","aws",{"name":7134,"slug":7135,"type":15},"Backend","backend",{"name":9,"slug":8,"type":15},"2026-07-18T05:47:05.451869",{"slug":7139,"name":7139,"fn":7140,"description":7141,"org":7142,"tags":7143,"stars":23,"repoUrl":24,"updatedAt":7150},"adapter-express","mount tRPC as Express middleware","Mount tRPC as Express middleware with createExpressMiddleware() from @trpc\u002Fserver\u002Fadapters\u002Fexpress. Access Express req\u002Fres in createContext via CreateExpressContextOptions. Mount at a path prefix like app.use('\u002Ftrpc', ...). Avoid global express.json() conflicting with tRPC body parsing for FormData.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7144,7145,7146,7149],{"name":7128,"slug":7129,"type":15},{"name":7134,"slug":7135,"type":15},{"name":7147,"slug":7148,"type":15},"Express","express",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:53.274248",{"slug":7152,"name":7152,"fn":7153,"description":7154,"org":7155,"tags":7156,"stars":23,"repoUrl":24,"updatedAt":7163},"adapter-fastify","mount tRPC as a Fastify plugin","Mount tRPC as a Fastify plugin with fastifyTRPCPlugin from @trpc\u002Fserver\u002Fadapters\u002Ffastify. Configure prefix, trpcOptions (router, createContext, onError). Enable WebSocket subscriptions with useWSS and @fastify\u002Fwebsocket. Set routerOptions.maxParamLength for batch requests. Requires Fastify v5+. FastifyTRPCPluginOptions for type-safe onError. CreateFastifyContextOptions provides req, res.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7157,7158,7159,7162],{"name":7128,"slug":7129,"type":15},{"name":7134,"slug":7135,"type":15},{"name":7160,"slug":7161,"type":15},"Fastify","fastify",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:53.746621",{"slug":7165,"name":7165,"fn":7166,"description":7167,"org":7168,"tags":7169,"stars":23,"repoUrl":24,"updatedAt":7183},"adapter-fetch","deploy tRPC on edge runtimes","Deploy tRPC on WinterCG-compliant edge runtimes with fetchRequestHandler() from @trpc\u002Fserver\u002Fadapters\u002Ffetch. Supports Cloudflare Workers, Deno Deploy, Vercel Edge Runtime, Astro, Remix, SolidStart. FetchCreateContextFnOptions provides req (Request) and resHeaders (Headers) for context creation. The endpoint option must match the URL path prefix where the handler is mounted.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7170,7173,7176,7179,7180],{"name":7171,"slug":7172,"type":15},"Cloudflare","cloudflare",{"name":7174,"slug":7175,"type":15},"Deployment","deployment",{"name":7177,"slug":7178,"type":15},"Edge","edge",{"name":9,"slug":8,"type":15},{"name":7181,"slug":7182,"type":15},"Vercel","vercel","2026-07-18T05:46:50.548228",{"slug":7185,"name":7185,"fn":7186,"description":7187,"org":7188,"tags":7189,"stars":23,"repoUrl":24,"updatedAt":7196},"adapter-standalone","mount tRPC on Node.js servers","Mount tRPC on Node.js built-in HTTP server with createHTTPServer() from @trpc\u002Fserver\u002Fadapters\u002Fstandalone, createHTTPHandler() for custom http.createServer, createHTTP2Handler() for HTTP\u002F2 with TLS. Configure basePath to slice URL prefix, CORS via the cors npm package passed as middleware option. CreateHTTPContextOptions provides req and res for context creation.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7190,7191,7192,7195],{"name":7128,"slug":7129,"type":15},{"name":7134,"slug":7135,"type":15},{"name":7193,"slug":7194,"type":15},"Node.js","node-js",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:58.093869",{"slug":7198,"name":7198,"fn":7199,"description":7200,"org":7201,"tags":7202,"stars":23,"repoUrl":24,"updatedAt":7210},"auth","implement authentication in tRPC applications","Implement JWT\u002Fcookie authentication and authorization in tRPC using createContext for user extraction, t.middleware with opts.next({ ctx }) for context narrowing to non-null user, protectedProcedure base pattern, client-side Authorization headers via httpBatchLink headers(), WebSocket connectionParams, and SSE auth via cookies or EventSource polyfill custom headers.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7203,7205,7208,7209],{"name":7204,"slug":7198,"type":15},"Auth",{"name":7206,"slug":7207,"type":15},"Authentication","authentication",{"name":7134,"slug":7135,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:46:45.347628",{"slug":7212,"name":7212,"fn":7213,"description":7214,"org":7215,"tags":7216,"stars":23,"repoUrl":24,"updatedAt":7224},"caching","configure HTTP caching for tRPC queries","Set HTTP cache headers on tRPC query responses via responseMeta callback for CDN and browser caching. Configure Cache-Control, s-maxage, stale-while-revalidate. Handle caching with batching and authenticated requests. Avoid caching mutations, errors, and authenticated responses.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7217,7218,7220,7223],{"name":7134,"slug":7135,"type":15},{"name":7219,"slug":7212,"type":15},"Caching",{"name":7221,"slug":7222,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:45.86443",{"slug":46,"name":46,"fn":7226,"description":7227,"org":7228,"tags":7229,"stars":23,"repoUrl":24,"updatedAt":7233},"set up vanilla tRPC clients","Create a vanilla tRPC client with createTRPCClient\u003CAppRouter>(), configure link chain with httpBatchLink\u002FhttpLink, dynamic headers for auth, transformer on links (not client constructor). Infer types with inferRouterInputs and inferRouterOutputs. AbortController signal support. TRPCClientError typing.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7230,7231,7232],{"name":7128,"slug":7129,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:48:11.437946",{"slug":7235,"name":7235,"fn":7236,"description":7237,"org":7238,"tags":7239,"stars":23,"repoUrl":24,"updatedAt":7247},"error-handling","implement typed error handling in tRPC","Throw typed errors with TRPCError and error codes (NOT_FOUND, UNAUTHORIZED, BAD_REQUEST, INTERNAL_SERVER_ERROR), configure errorFormatter for client-side Zod error display, handle errors globally with onError callback, map tRPC errors to HTTP status codes with getHTTPStatusCodeFromError().\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7240,7241,7244,7245],{"name":7134,"slug":7135,"type":15},{"name":7242,"slug":7243,"type":15},"Debugging","debugging",{"name":9,"slug":8,"type":15},{"name":7246,"slug":34,"type":15},"TypeScript","2026-07-18T05:46:52.798151",{"slug":7249,"name":7249,"fn":7250,"description":7251,"org":7252,"tags":7253,"stars":23,"repoUrl":24,"updatedAt":7257},"links","configure tRPC client link chains","Configure the tRPC client link chain: httpLink, httpBatchLink, httpBatchStreamLink, splitLink, loggerLink, wsLink, createWSClient, httpSubscriptionLink, unstable_localLink, retryLink. Choose the right terminating link. Route subscriptions via splitLink. Build custom links for SOA routing. Link options: url, headers, transformer, maxURLLength, maxItems, connectionParams, EventSource ponyfill.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7254,7255,7256],{"name":7128,"slug":7129,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:47:06.847309",{"slug":7259,"name":7259,"fn":7260,"description":7261,"org":7262,"tags":7263,"stars":23,"repoUrl":24,"updatedAt":7269},"middlewares","compose middleware for tRPC procedures","Create and compose tRPC middleware with t.procedure.use(), extend context via opts.next({ ctx }), build reusable middleware with .concat() and .unstable_pipe(), define base procedures like publicProcedure and authedProcedure. Access raw input with getRawInput(). Logging, timing, OTEL tracing patterns.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7264,7265,7268],{"name":7134,"slug":7135,"type":15},{"name":7266,"slug":7267,"type":15},"Middleware","middleware",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:49.132255",{"slug":7100,"name":7100,"fn":7271,"description":7272,"org":7273,"tags":7274,"stars":23,"repoUrl":24,"updatedAt":7280},"implement tRPC in Next.js App Router","Full end-to-end tRPC setup for Next.js App Router. Covers route handler with fetchRequestHandler (GET + POST exports), TRPCProvider with QueryClientProvider, createTRPCOptionsProxy for RSC prefetching, HydrateClient\u002FHydrationBoundary for hydration, useSuspenseQuery for Suspense, and server-side callers.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7275,7276,7277,7278,7279],{"name":7134,"slug":7135,"type":15},{"name":21,"slug":22,"type":15},{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},{"name":7246,"slug":34,"type":15},"2026-07-18T05:47:10.468453",{"items":7282,"total":2856},[7283,7290,7297,7304,7312,7319,7326],{"slug":7122,"name":7122,"fn":7123,"description":7124,"org":7284,"tags":7285,"stars":23,"repoUrl":24,"updatedAt":7137},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7286,7287,7288,7289],{"name":7128,"slug":7129,"type":15},{"name":7131,"slug":7132,"type":15},{"name":7134,"slug":7135,"type":15},{"name":9,"slug":8,"type":15},{"slug":7139,"name":7139,"fn":7140,"description":7141,"org":7291,"tags":7292,"stars":23,"repoUrl":24,"updatedAt":7150},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7293,7294,7295,7296],{"name":7128,"slug":7129,"type":15},{"name":7134,"slug":7135,"type":15},{"name":7147,"slug":7148,"type":15},{"name":9,"slug":8,"type":15},{"slug":7152,"name":7152,"fn":7153,"description":7154,"org":7298,"tags":7299,"stars":23,"repoUrl":24,"updatedAt":7163},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7300,7301,7302,7303],{"name":7128,"slug":7129,"type":15},{"name":7134,"slug":7135,"type":15},{"name":7160,"slug":7161,"type":15},{"name":9,"slug":8,"type":15},{"slug":7165,"name":7165,"fn":7166,"description":7167,"org":7305,"tags":7306,"stars":23,"repoUrl":24,"updatedAt":7183},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7307,7308,7309,7310,7311],{"name":7171,"slug":7172,"type":15},{"name":7174,"slug":7175,"type":15},{"name":7177,"slug":7178,"type":15},{"name":9,"slug":8,"type":15},{"name":7181,"slug":7182,"type":15},{"slug":7185,"name":7185,"fn":7186,"description":7187,"org":7313,"tags":7314,"stars":23,"repoUrl":24,"updatedAt":7196},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7315,7316,7317,7318],{"name":7128,"slug":7129,"type":15},{"name":7134,"slug":7135,"type":15},{"name":7193,"slug":7194,"type":15},{"name":9,"slug":8,"type":15},{"slug":7198,"name":7198,"fn":7199,"description":7200,"org":7320,"tags":7321,"stars":23,"repoUrl":24,"updatedAt":7210},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7322,7323,7324,7325],{"name":7204,"slug":7198,"type":15},{"name":7206,"slug":7207,"type":15},{"name":7134,"slug":7135,"type":15},{"name":9,"slug":8,"type":15},{"slug":7212,"name":7212,"fn":7213,"description":7214,"org":7327,"tags":7328,"stars":23,"repoUrl":24,"updatedAt":7224},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7329,7330,7331,7332],{"name":7134,"slug":7135,"type":15},{"name":7219,"slug":7212,"type":15},{"name":7221,"slug":7222,"type":15},{"name":9,"slug":8,"type":15}]