[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-trpc-nextjs-app-router":3,"mdc--xvogyk-key":42,"related-org-trpc-nextjs-app-router":7634,"related-repo-trpc-nextjs-app-router":7789},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":26,"repoUrl":27,"updatedAt":28,"license":29,"forks":30,"topics":31,"repo":37,"sourceUrl":40,"mdContent":41},"nextjs-app-router","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},"trpc","tRPC","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftrpc.png",[12,16,19,22,23],{"name":13,"slug":14,"type":15},"Backend","backend","tag",{"name":17,"slug":18,"type":15},"Next.js","next-js",{"name":20,"slug":21,"type":15},"TypeScript","typescript",{"name":9,"slug":8,"type":15},{"name":24,"slug":25,"type":15},"Frontend","frontend",40424,"https:\u002F\u002Fgithub.com\u002Ftrpc\u002Ftrpc","2026-07-18T05:47:10.468453",null,1636,[32,33,34,35,36,21],"api","next","nextjs","prisma","react",{"repoUrl":27,"stars":26,"forks":30,"topics":38,"description":39},[32,33,34,35,36,21],"šŸ§™ā€ā™€ļø Move Fast and Break Nothing. End-to-end typesafe APIs made easy. ","https:\u002F\u002Fgithub.com\u002Ftrpc\u002Ftrpc\u002Ftree\u002FHEAD\u002Fpackages\u002Fnext\u002Fskills\u002Fnextjs-app-router","---\nname: nextjs-app-router\ndescription: >\n Full end-to-end tRPC setup for Next.js App Router. Covers route handler\n with fetchRequestHandler (GET + POST exports), TRPCProvider with\n QueryClientProvider, createTRPCOptionsProxy for RSC prefetching,\n HydrateClient\u002FHydrationBoundary for hydration, useSuspenseQuery\n for Suspense, and server-side callers.\ntype: framework\nlibrary: trpc\nframework: react\nlibrary_version: '11.16.0'\nrequires:\n - server-setup\n - client-setup\n - react-query-setup\n - adapter-fetch\nsources:\n - www\u002Fdocs\u002Fclient\u002Fnextjs\u002Foverview.mdx\n - www\u002Fdocs\u002Fclient\u002Ftanstack-react-query\u002Fserver-components.mdx\n - www\u002Fdocs\u002Fserver\u002Fadapters\u002Fnextjs.md\n - examples\u002Fnext-prisma-starter\u002F\n - examples\u002Fnext-sse-chat\u002F\n---\n\nThis skill builds on [server-setup], [client-setup], [react-query-setup], and [adapter-fetch]. Read them first for foundational concepts.\n\n# tRPC -- Next.js App Router\n\n## File Structure\n\n```\n.\nā”œā”€ā”€ app\nā”‚ ā”œā”€ā”€ api\u002Ftrpc\u002F[trpc]\nā”‚ ā”‚ ā””ā”€ā”€ route.ts # tRPC HTTP handler\nā”‚ ā”œā”€ā”€ layout.tsx # mount TRPCReactProvider\nā”‚ ā”œā”€ā”€ page.tsx # server component (prefetch)\nā”‚ ā””ā”€ā”€ client-greeting.tsx # client component (consume)\nā”œā”€ā”€ trpc\nā”‚ ā”œā”€ā”€ init.ts # initTRPC, createTRPCContext\nā”‚ ā”œā”€ā”€ routers\nā”‚ ā”‚ ā””ā”€ā”€ _app.ts # main app router, AppRouter type\nā”‚ ā”œā”€ā”€ query-client.ts # shared QueryClient factory\nā”‚ ā”œā”€ā”€ client.tsx # client hooks & TRPCReactProvider\nā”‚ ā””ā”€ā”€ server.tsx # server-side proxy & helpers\nā””ā”€ā”€ ...\n```\n\n## Setup\n\n### 1. Install\n\n```sh\nnpm install @trpc\u002Fserver @trpc\u002Fclient @trpc\u002Ftanstack-react-query @tanstack\u002Freact-query zod server-only client-only\n```\n\n### 2. Server init and context\n\n```ts title=\"trpc\u002Finit.ts\"\nimport { initTRPC } from '@trpc\u002Fserver';\n\nexport const createTRPCContext = async (opts: { headers: Headers }) => {\n return { userId: 'user_123' };\n};\n\nconst t = initTRPC\n .context\u003CAwaited\u003CReturnType\u003Ctypeof createTRPCContext>>>()\n .create();\n\nexport const createTRPCRouter = t.router;\nexport const createCallerFactory = t.createCallerFactory;\nexport const baseProcedure = t.procedure;\n```\n\n### 3. Define the router\n\n```ts title=\"trpc\u002Frouters\u002F_app.ts\"\nimport { z } from 'zod';\nimport { baseProcedure, createTRPCRouter } from '..\u002Finit';\n\nexport const appRouter = createTRPCRouter({\n hello: baseProcedure\n .input(z.object({ text: z.string() }))\n .query(({ input }) => ({\n greeting: `hello ${input.text}`,\n })),\n});\n\nexport type AppRouter = typeof appRouter;\n```\n\n### 4. Route handler (API endpoint)\n\n```ts title=\"app\u002Fapi\u002Ftrpc\u002F[trpc]\u002Froute.ts\"\nimport { fetchRequestHandler } from '@trpc\u002Fserver\u002Fadapters\u002Ffetch';\nimport { createTRPCContext } from '..\u002F..\u002F..\u002F..\u002Ftrpc\u002Finit';\nimport { appRouter } from '..\u002F..\u002F..\u002F..\u002Ftrpc\u002Frouters\u002F_app';\n\nconst handler = (req: Request) =>\n fetchRequestHandler({\n endpoint: '\u002Fapi\u002Ftrpc',\n req,\n router: appRouter,\n createContext: () => createTRPCContext({ headers: req.headers }),\n });\n\nexport { handler as GET, handler as POST };\n```\n\n### 5. QueryClient factory\n\n```ts title=\"trpc\u002Fquery-client.ts\"\nimport {\n defaultShouldDehydrateQuery,\n QueryClient,\n} from '@tanstack\u002Freact-query';\n\nexport function makeQueryClient() {\n return new QueryClient({\n defaultOptions: {\n queries: {\n staleTime: 30 * 1000,\n },\n dehydrate: {\n shouldDehydrateQuery: (query) =>\n defaultShouldDehydrateQuery(query) ||\n query.state.status === 'pending',\n },\n },\n });\n}\n```\n\nIf using a data transformer (e.g., superjson), add `dehydrate.serializeData` and `hydrate.deserializeData` here.\n\n### 6. Client provider (client component)\n\n```tsx title=\"trpc\u002Fclient.tsx\"\n'use client';\n\nimport type { QueryClient } from '@tanstack\u002Freact-query';\nimport { QueryClientProvider } from '@tanstack\u002Freact-query';\nimport { createTRPCClient, httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCContext } from '@trpc\u002Ftanstack-react-query';\nimport { useState } from 'react';\nimport { makeQueryClient } from '.\u002Fquery-client';\nimport type { AppRouter } from '.\u002Frouters\u002F_app';\n\nexport const { TRPCProvider, useTRPC, useTRPCClient } =\n createTRPCContext\u003CAppRouter>();\n\nlet browserQueryClient: QueryClient;\nfunction getQueryClient() {\n if (typeof window === 'undefined') {\n return makeQueryClient();\n }\n if (!browserQueryClient) browserQueryClient = makeQueryClient();\n return browserQueryClient;\n}\n\nfunction getUrl() {\n const base = (() => {\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:3000';\n })();\n return `${base}\u002Fapi\u002Ftrpc`;\n}\n\nexport function TRPCReactProvider(props: { children: React.ReactNode }) {\n const queryClient = getQueryClient();\n\n const [trpcClient] = useState(() =>\n createTRPCClient\u003CAppRouter>({\n links: [\n httpBatchLink({\n url: getUrl(),\n }),\n ],\n }),\n );\n\n return (\n \u003CQueryClientProvider client={queryClient}>\n \u003CTRPCProvider trpcClient={trpcClient} queryClient={queryClient}>\n {props.children}\n \u003C\u002FTRPCProvider>\n \u003C\u002FQueryClientProvider>\n );\n}\n```\n\n### 7. Server-side proxy (server component)\n\n```tsx title=\"trpc\u002Fserver.tsx\"\nimport 'server-only';\nimport { dehydrate, HydrationBoundary } from '@tanstack\u002Freact-query';\nimport { createTRPCOptionsProxy } from '@trpc\u002Ftanstack-react-query';\nimport type { TRPCQueryOptions } from '@trpc\u002Ftanstack-react-query';\nimport { headers } from 'next\u002Fheaders';\nimport { cache } from 'react';\nimport { createTRPCContext } from '.\u002Finit';\nimport { makeQueryClient } from '.\u002Fquery-client';\nimport { appRouter } from '.\u002Frouters\u002F_app';\n\nexport const getQueryClient = cache(makeQueryClient);\n\nexport const trpc = createTRPCOptionsProxy({\n ctx: async () =>\n createTRPCContext({\n headers: await headers(),\n }),\n router: appRouter,\n queryClient: getQueryClient,\n});\n\nexport function HydrateClient(props: { children: React.ReactNode }) {\n const queryClient = getQueryClient();\n return (\n \u003CHydrationBoundary state={dehydrate(queryClient)}>\n {props.children}\n \u003C\u002FHydrationBoundary>\n );\n}\n\nexport function prefetch\u003CT extends ReturnType\u003CTRPCQueryOptions\u003Cany>>>(\n queryOptions: T,\n) {\n const queryClient = getQueryClient();\n if (queryOptions.queryKey[1]?.type === 'infinite') {\n void queryClient.prefetchInfiniteQuery(queryOptions as any);\n } else {\n void queryClient.prefetchQuery(queryOptions);\n }\n}\n```\n\n### 8. Mount provider in layout\n\n```tsx title=\"app\u002Flayout.tsx\"\nimport { TRPCReactProvider } from '..\u002Ftrpc\u002Fclient';\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode;\n}) {\n return (\n \u003Chtml lang=\"en\">\n \u003Cbody>\n \u003CTRPCReactProvider>{children}\u003C\u002FTRPCReactProvider>\n \u003C\u002Fbody>\n \u003C\u002Fhtml>\n );\n}\n```\n\n## Core Patterns\n\n### Prefetch in server component, consume in client component\n\n```tsx title=\"app\u002Fpage.tsx\"\nimport { HydrateClient, prefetch, trpc } from '..\u002Ftrpc\u002Fserver';\nimport { ClientGreeting } from '.\u002Fclient-greeting';\n\nexport default async function Home() {\n prefetch(trpc.hello.queryOptions({ text: 'world' }));\n\n return (\n \u003CHydrateClient>\n \u003CClientGreeting \u002F>\n \u003C\u002FHydrateClient>\n );\n}\n```\n\n```tsx title=\"app\u002Fclient-greeting.tsx\"\n'use client';\n\nimport { useQuery } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Ftrpc\u002Fclient';\n\nexport function ClientGreeting() {\n const trpc = useTRPC();\n const greeting = useQuery(trpc.hello.queryOptions({ text: 'world' }));\n if (!greeting.data) return \u003Cdiv>Loading...\u003C\u002Fdiv>;\n return \u003Cdiv>{greeting.data.greeting}\u003C\u002Fdiv>;\n}\n```\n\n### Suspense with prefetch\n\n```tsx title=\"app\u002Fpage.tsx\"\nimport { Suspense } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { HydrateClient, prefetch, trpc } from '..\u002Ftrpc\u002Fserver';\nimport { ClientGreeting } from '.\u002Fclient-greeting';\n\nexport default async function Home() {\n prefetch(trpc.hello.queryOptions({ text: 'world' }));\n\n return (\n \u003CHydrateClient>\n \u003CErrorBoundary fallback={\u003Cdiv>Something went wrong\u003C\u002Fdiv>}>\n \u003CSuspense fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CClientGreeting \u002F>\n \u003C\u002FSuspense>\n \u003C\u002FErrorBoundary>\n \u003C\u002FHydrateClient>\n );\n}\n```\n\n```tsx title=\"app\u002Fclient-greeting.tsx\"\n'use client';\n\nimport { useSuspenseQuery } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Ftrpc\u002Fclient';\n\nexport function ClientGreeting() {\n const trpc = useTRPC();\n const { data } = useSuspenseQuery(trpc.hello.queryOptions({ text: 'world' }));\n return \u003Cdiv>{data.greeting}\u003C\u002Fdiv>;\n}\n```\n\n### Direct server caller (data needed on server only)\n\n```tsx title=\"trpc\u002Fserver.tsx\"\n\u002F\u002F Add to existing server.tsx\nexport const caller = appRouter.createCaller(async () =>\n createTRPCContext({ headers: await headers() }),\n);\n```\n\n```tsx title=\"app\u002Fpage.tsx\"\nimport { caller } from '..\u002Ftrpc\u002Fserver';\n\nexport default async function Home() {\n const greeting = await caller.hello({ text: 'world' });\n return \u003Cdiv>{greeting.greeting}\u003C\u002Fdiv>;\n}\n```\n\nNote: `caller` results are not stored in the query cache. They cannot hydrate to client components. Use `prefetchQuery` if client components also need the data.\n\n### fetchQuery for data on server AND client\n\n```tsx title=\"app\u002Fpage.tsx\"\nimport { getQueryClient, HydrateClient, trpc } from '..\u002Ftrpc\u002Fserver';\nimport { ClientGreeting } from '.\u002Fclient-greeting';\n\nexport default async function Home() {\n const queryClient = getQueryClient();\n const greeting = await queryClient.fetchQuery(\n trpc.hello.queryOptions({ text: 'world' }),\n );\n\n \u002F\u002F Use greeting on the server\n console.log(greeting.greeting);\n\n return (\n \u003CHydrateClient>\n \u003CClientGreeting \u002F>\n \u003C\u002FHydrateClient>\n );\n}\n```\n\n## Common Mistakes\n\n### Not exporting both GET and POST from route handler\n\nNext.js App Router route handlers must export named `GET` and `POST` functions. Missing either causes queries or mutations to return 405 Method Not Allowed.\n\n```ts\n\u002F\u002F WRONG\nexport default function handler(req: Request) { ... }\n\n\u002F\u002F CORRECT\nconst handler = (req: Request) =>\n fetchRequestHandler({ req, router: appRouter, endpoint: '\u002Fapi\u002Ftrpc', createContext });\nexport { handler as GET, handler as POST };\n```\n\n### Creating a singleton QueryClient for SSR\n\nIn server components, each request needs its own `QueryClient` instance. A singleton leaks data between requests.\n\n```ts\n\u002F\u002F WRONG\nconst queryClient = new QueryClient(); \u002F\u002F shared across requests!\n\n\u002F\u002F CORRECT\nexport const getQueryClient = cache(makeQueryClient);\n```\n\nThe `cache()` wrapper from React ensures the same `QueryClient` is reused within a single request but a new one is created for each new request.\n\n### Missing dehydrate\u002FshouldDehydrateQuery config\n\nRSC hydration requires `shouldDehydrateQuery` to include pending queries so that prefetched-but-not-yet-resolved promises can stream to the client. Without this, prefetched queries may not appear in the hydrated state.\n\n```ts\n\u002F\u002F WRONG\nnew QueryClient(); \u002F\u002F default shouldDehydrateQuery skips pending\n\n\u002F\u002F CORRECT\nnew QueryClient({\n defaultOptions: {\n dehydrate: {\n shouldDehydrateQuery: (query) =>\n defaultShouldDehydrateQuery(query) || query.state.status === 'pending',\n },\n },\n});\n```\n\n### Suspense query failure crashes entire page during SSR\n\nIf a query fails during SSR with `useSuspenseQuery`, the entire page crashes. Error Boundaries only catch errors on the client side. For critical pages, either handle errors server-side before rendering, or use `useQuery` (non-suspense) which allows graceful degradation.\n\n## See Also\n\n- [react-query-setup] -- TanStack React Query setup, queryOptions\u002FmutationOptions factories\n- [adapter-fetch] -- fetchRequestHandler for edge\u002Fserverless runtimes\n- [server-setup] -- initTRPC, routers, procedures, context\n- [nextjs-pages-router] -- if maintaining a Pages Router project alongside App Router\n",{"data":43,"body":57},{"name":4,"description":6,"type":44,"library":8,"framework":36,"library_version":45,"requires":46,"sources":51},"framework","11.16.0",[47,48,49,50],"server-setup","client-setup","react-query-setup","adapter-fetch",[52,53,54,55,56],"www\u002Fdocs\u002Fclient\u002Fnextjs\u002Foverview.mdx","www\u002Fdocs\u002Fclient\u002Ftanstack-react-query\u002Fserver-components.mdx","www\u002Fdocs\u002Fserver\u002Fadapters\u002Fnextjs.md","examples\u002Fnext-prisma-starter\u002F","examples\u002Fnext-sse-chat\u002F",{"type":58,"children":59},"root",[60,92,99,106,119,125,132,193,199,630,636,1034,1040,1433,1439,1801,1822,1828,3216,3222,4310,4316,4609,4615,4621,4924,5306,5312,5808,6119,6125,6249,6455,6475,6481,6896,6902,6908,6928,7175,7181,7194,7291,7311,7317,7330,7553,7559,7580,7586,7628],{"type":61,"tag":62,"props":63,"children":64},"element","p",{},[65,68,73,75,79,80,84,86,90],{"type":66,"value":67},"text","This skill builds on ",{"type":61,"tag":69,"props":70,"children":71},"span",{},[72],{"type":66,"value":47},{"type":66,"value":74},", ",{"type":61,"tag":69,"props":76,"children":77},{},[78],{"type":66,"value":48},{"type":66,"value":74},{"type":61,"tag":69,"props":81,"children":82},{},[83],{"type":66,"value":49},{"type":66,"value":85},", and ",{"type":61,"tag":69,"props":87,"children":88},{},[89],{"type":66,"value":50},{"type":66,"value":91},". Read them first for foundational concepts.",{"type":61,"tag":93,"props":94,"children":96},"h1",{"id":95},"trpc-nextjs-app-router",[97],{"type":66,"value":98},"tRPC -- Next.js App Router",{"type":61,"tag":100,"props":101,"children":103},"h2",{"id":102},"file-structure",[104],{"type":66,"value":105},"File Structure",{"type":61,"tag":107,"props":108,"children":112},"pre",{"className":109,"code":111,"language":66},[110],"language-text",".\nā”œā”€ā”€ app\nā”‚ ā”œā”€ā”€ api\u002Ftrpc\u002F[trpc]\nā”‚ ā”‚ ā””ā”€ā”€ route.ts # tRPC HTTP handler\nā”‚ ā”œā”€ā”€ layout.tsx # mount TRPCReactProvider\nā”‚ ā”œā”€ā”€ page.tsx # server component (prefetch)\nā”‚ ā””ā”€ā”€ client-greeting.tsx # client component (consume)\nā”œā”€ā”€ trpc\nā”‚ ā”œā”€ā”€ init.ts # initTRPC, createTRPCContext\nā”‚ ā”œā”€ā”€ routers\nā”‚ ā”‚ ā””ā”€ā”€ _app.ts # main app router, AppRouter type\nā”‚ ā”œā”€ā”€ query-client.ts # shared QueryClient factory\nā”‚ ā”œā”€ā”€ client.tsx # client hooks & TRPCReactProvider\nā”‚ ā””ā”€ā”€ server.tsx # server-side proxy & helpers\nā””ā”€ā”€ ...\n",[113],{"type":61,"tag":114,"props":115,"children":117},"code",{"__ignoreMap":116},"",[118],{"type":66,"value":111},{"type":61,"tag":100,"props":120,"children":122},{"id":121},"setup",[123],{"type":66,"value":124},"Setup",{"type":61,"tag":126,"props":127,"children":129},"h3",{"id":128},"_1-install",[130],{"type":66,"value":131},"1. Install",{"type":61,"tag":107,"props":133,"children":137},{"className":134,"code":135,"language":136,"meta":116,"style":116},"language-sh shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @trpc\u002Fserver @trpc\u002Fclient @trpc\u002Ftanstack-react-query @tanstack\u002Freact-query zod server-only client-only\n","sh",[138],{"type":61,"tag":114,"props":139,"children":140},{"__ignoreMap":116},[141],{"type":61,"tag":69,"props":142,"children":145},{"class":143,"line":144},"line",1,[146,152,158,163,168,173,178,183,188],{"type":61,"tag":69,"props":147,"children":149},{"style":148},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[150],{"type":66,"value":151},"npm",{"type":61,"tag":69,"props":153,"children":155},{"style":154},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[156],{"type":66,"value":157}," install",{"type":61,"tag":69,"props":159,"children":160},{"style":154},[161],{"type":66,"value":162}," @trpc\u002Fserver",{"type":61,"tag":69,"props":164,"children":165},{"style":154},[166],{"type":66,"value":167}," @trpc\u002Fclient",{"type":61,"tag":69,"props":169,"children":170},{"style":154},[171],{"type":66,"value":172}," @trpc\u002Ftanstack-react-query",{"type":61,"tag":69,"props":174,"children":175},{"style":154},[176],{"type":66,"value":177}," @tanstack\u002Freact-query",{"type":61,"tag":69,"props":179,"children":180},{"style":154},[181],{"type":66,"value":182}," zod",{"type":61,"tag":69,"props":184,"children":185},{"style":154},[186],{"type":66,"value":187}," server-only",{"type":61,"tag":69,"props":189,"children":190},{"style":154},[191],{"type":66,"value":192}," client-only\n",{"type":61,"tag":126,"props":194,"children":196},{"id":195},"_2-server-init-and-context",[197],{"type":66,"value":198},"2. Server init and context",{"type":61,"tag":107,"props":200,"children":205},{"className":201,"code":202,"language":203,"meta":204,"style":116},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { initTRPC } from '@trpc\u002Fserver';\n\nexport const createTRPCContext = async (opts: { headers: Headers }) => {\n return { userId: 'user_123' };\n};\n\nconst t = initTRPC\n .context\u003CAwaited\u003CReturnType\u003Ctypeof createTRPCContext>>>()\n .create();\n\nexport const createTRPCRouter = t.router;\nexport const createCallerFactory = t.createCallerFactory;\nexport const baseProcedure = t.procedure;\n","ts","title=\"trpc\u002Finit.ts\"",[206],{"type":61,"tag":114,"props":207,"children":208},{"__ignoreMap":116},[209,260,270,350,390,399,407,430,484,506,514,554,592],{"type":61,"tag":69,"props":210,"children":211},{"class":143,"line":144},[212,218,224,230,235,240,245,250,255],{"type":61,"tag":69,"props":213,"children":215},{"style":214},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[216],{"type":66,"value":217},"import",{"type":61,"tag":69,"props":219,"children":221},{"style":220},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[222],{"type":66,"value":223}," {",{"type":61,"tag":69,"props":225,"children":227},{"style":226},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[228],{"type":66,"value":229}," initTRPC",{"type":61,"tag":69,"props":231,"children":232},{"style":220},[233],{"type":66,"value":234}," }",{"type":61,"tag":69,"props":236,"children":237},{"style":214},[238],{"type":66,"value":239}," from",{"type":61,"tag":69,"props":241,"children":242},{"style":220},[243],{"type":66,"value":244}," '",{"type":61,"tag":69,"props":246,"children":247},{"style":154},[248],{"type":66,"value":249},"@trpc\u002Fserver",{"type":61,"tag":69,"props":251,"children":252},{"style":220},[253],{"type":66,"value":254},"'",{"type":61,"tag":69,"props":256,"children":257},{"style":220},[258],{"type":66,"value":259},";\n",{"type":61,"tag":69,"props":261,"children":263},{"class":143,"line":262},2,[264],{"type":61,"tag":69,"props":265,"children":267},{"emptyLinePlaceholder":266},true,[268],{"type":66,"value":269},"\n",{"type":61,"tag":69,"props":271,"children":273},{"class":143,"line":272},3,[274,279,285,290,295,300,305,311,316,320,326,330,335,340,345],{"type":61,"tag":69,"props":275,"children":276},{"style":214},[277],{"type":66,"value":278},"export",{"type":61,"tag":69,"props":280,"children":282},{"style":281},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[283],{"type":66,"value":284}," const",{"type":61,"tag":69,"props":286,"children":287},{"style":226},[288],{"type":66,"value":289}," createTRPCContext ",{"type":61,"tag":69,"props":291,"children":292},{"style":220},[293],{"type":66,"value":294},"=",{"type":61,"tag":69,"props":296,"children":297},{"style":281},[298],{"type":66,"value":299}," async",{"type":61,"tag":69,"props":301,"children":302},{"style":220},[303],{"type":66,"value":304}," (",{"type":61,"tag":69,"props":306,"children":308},{"style":307},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[309],{"type":66,"value":310},"opts",{"type":61,"tag":69,"props":312,"children":313},{"style":220},[314],{"type":66,"value":315},":",{"type":61,"tag":69,"props":317,"children":318},{"style":220},[319],{"type":66,"value":223},{"type":61,"tag":69,"props":321,"children":323},{"style":322},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[324],{"type":66,"value":325}," headers",{"type":61,"tag":69,"props":327,"children":328},{"style":220},[329],{"type":66,"value":315},{"type":61,"tag":69,"props":331,"children":332},{"style":148},[333],{"type":66,"value":334}," Headers",{"type":61,"tag":69,"props":336,"children":337},{"style":220},[338],{"type":66,"value":339}," })",{"type":61,"tag":69,"props":341,"children":342},{"style":281},[343],{"type":66,"value":344}," =>",{"type":61,"tag":69,"props":346,"children":347},{"style":220},[348],{"type":66,"value":349}," {\n",{"type":61,"tag":69,"props":351,"children":353},{"class":143,"line":352},4,[354,359,363,368,372,376,381,385],{"type":61,"tag":69,"props":355,"children":356},{"style":214},[357],{"type":66,"value":358}," return",{"type":61,"tag":69,"props":360,"children":361},{"style":220},[362],{"type":66,"value":223},{"type":61,"tag":69,"props":364,"children":365},{"style":322},[366],{"type":66,"value":367}," userId",{"type":61,"tag":69,"props":369,"children":370},{"style":220},[371],{"type":66,"value":315},{"type":61,"tag":69,"props":373,"children":374},{"style":220},[375],{"type":66,"value":244},{"type":61,"tag":69,"props":377,"children":378},{"style":154},[379],{"type":66,"value":380},"user_123",{"type":61,"tag":69,"props":382,"children":383},{"style":220},[384],{"type":66,"value":254},{"type":61,"tag":69,"props":386,"children":387},{"style":220},[388],{"type":66,"value":389}," };\n",{"type":61,"tag":69,"props":391,"children":393},{"class":143,"line":392},5,[394],{"type":61,"tag":69,"props":395,"children":396},{"style":220},[397],{"type":66,"value":398},"};\n",{"type":61,"tag":69,"props":400,"children":402},{"class":143,"line":401},6,[403],{"type":61,"tag":69,"props":404,"children":405},{"emptyLinePlaceholder":266},[406],{"type":66,"value":269},{"type":61,"tag":69,"props":408,"children":410},{"class":143,"line":409},7,[411,416,421,425],{"type":61,"tag":69,"props":412,"children":413},{"style":281},[414],{"type":66,"value":415},"const",{"type":61,"tag":69,"props":417,"children":418},{"style":226},[419],{"type":66,"value":420}," t ",{"type":61,"tag":69,"props":422,"children":423},{"style":220},[424],{"type":66,"value":294},{"type":61,"tag":69,"props":426,"children":427},{"style":226},[428],{"type":66,"value":429}," initTRPC\n",{"type":61,"tag":69,"props":431,"children":433},{"class":143,"line":432},8,[434,439,445,450,455,459,464,469,474,479],{"type":61,"tag":69,"props":435,"children":436},{"style":220},[437],{"type":66,"value":438}," .",{"type":61,"tag":69,"props":440,"children":442},{"style":441},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[443],{"type":66,"value":444},"context",{"type":61,"tag":69,"props":446,"children":447},{"style":220},[448],{"type":66,"value":449},"\u003C",{"type":61,"tag":69,"props":451,"children":452},{"style":148},[453],{"type":66,"value":454},"Awaited",{"type":61,"tag":69,"props":456,"children":457},{"style":220},[458],{"type":66,"value":449},{"type":61,"tag":69,"props":460,"children":461},{"style":148},[462],{"type":66,"value":463},"ReturnType",{"type":61,"tag":69,"props":465,"children":466},{"style":220},[467],{"type":66,"value":468},"\u003Ctypeof",{"type":61,"tag":69,"props":470,"children":471},{"style":226},[472],{"type":66,"value":473}," createTRPCContext",{"type":61,"tag":69,"props":475,"children":476},{"style":220},[477],{"type":66,"value":478},">>>",{"type":61,"tag":69,"props":480,"children":481},{"style":226},[482],{"type":66,"value":483},"()\n",{"type":61,"tag":69,"props":485,"children":487},{"class":143,"line":486},9,[488,492,497,502],{"type":61,"tag":69,"props":489,"children":490},{"style":220},[491],{"type":66,"value":438},{"type":61,"tag":69,"props":493,"children":494},{"style":441},[495],{"type":66,"value":496},"create",{"type":61,"tag":69,"props":498,"children":499},{"style":226},[500],{"type":66,"value":501},"()",{"type":61,"tag":69,"props":503,"children":504},{"style":220},[505],{"type":66,"value":259},{"type":61,"tag":69,"props":507,"children":509},{"class":143,"line":508},10,[510],{"type":61,"tag":69,"props":511,"children":512},{"emptyLinePlaceholder":266},[513],{"type":66,"value":269},{"type":61,"tag":69,"props":515,"children":517},{"class":143,"line":516},11,[518,522,526,531,535,540,545,550],{"type":61,"tag":69,"props":519,"children":520},{"style":214},[521],{"type":66,"value":278},{"type":61,"tag":69,"props":523,"children":524},{"style":281},[525],{"type":66,"value":284},{"type":61,"tag":69,"props":527,"children":528},{"style":226},[529],{"type":66,"value":530}," createTRPCRouter ",{"type":61,"tag":69,"props":532,"children":533},{"style":220},[534],{"type":66,"value":294},{"type":61,"tag":69,"props":536,"children":537},{"style":226},[538],{"type":66,"value":539}," t",{"type":61,"tag":69,"props":541,"children":542},{"style":220},[543],{"type":66,"value":544},".",{"type":61,"tag":69,"props":546,"children":547},{"style":226},[548],{"type":66,"value":549},"router",{"type":61,"tag":69,"props":551,"children":552},{"style":220},[553],{"type":66,"value":259},{"type":61,"tag":69,"props":555,"children":557},{"class":143,"line":556},12,[558,562,566,571,575,579,583,588],{"type":61,"tag":69,"props":559,"children":560},{"style":214},[561],{"type":66,"value":278},{"type":61,"tag":69,"props":563,"children":564},{"style":281},[565],{"type":66,"value":284},{"type":61,"tag":69,"props":567,"children":568},{"style":226},[569],{"type":66,"value":570}," createCallerFactory ",{"type":61,"tag":69,"props":572,"children":573},{"style":220},[574],{"type":66,"value":294},{"type":61,"tag":69,"props":576,"children":577},{"style":226},[578],{"type":66,"value":539},{"type":61,"tag":69,"props":580,"children":581},{"style":220},[582],{"type":66,"value":544},{"type":61,"tag":69,"props":584,"children":585},{"style":226},[586],{"type":66,"value":587},"createCallerFactory",{"type":61,"tag":69,"props":589,"children":590},{"style":220},[591],{"type":66,"value":259},{"type":61,"tag":69,"props":593,"children":595},{"class":143,"line":594},13,[596,600,604,609,613,617,621,626],{"type":61,"tag":69,"props":597,"children":598},{"style":214},[599],{"type":66,"value":278},{"type":61,"tag":69,"props":601,"children":602},{"style":281},[603],{"type":66,"value":284},{"type":61,"tag":69,"props":605,"children":606},{"style":226},[607],{"type":66,"value":608}," baseProcedure ",{"type":61,"tag":69,"props":610,"children":611},{"style":220},[612],{"type":66,"value":294},{"type":61,"tag":69,"props":614,"children":615},{"style":226},[616],{"type":66,"value":539},{"type":61,"tag":69,"props":618,"children":619},{"style":220},[620],{"type":66,"value":544},{"type":61,"tag":69,"props":622,"children":623},{"style":226},[624],{"type":66,"value":625},"procedure",{"type":61,"tag":69,"props":627,"children":628},{"style":220},[629],{"type":66,"value":259},{"type":61,"tag":126,"props":631,"children":633},{"id":632},"_3-define-the-router",[634],{"type":66,"value":635},"3. Define the router",{"type":61,"tag":107,"props":637,"children":640},{"className":201,"code":638,"language":203,"meta":639,"style":116},"import { z } from 'zod';\nimport { baseProcedure, createTRPCRouter } from '..\u002Finit';\n\nexport const appRouter = createTRPCRouter({\n hello: baseProcedure\n .input(z.object({ text: z.string() }))\n .query(({ input }) => ({\n greeting: `hello ${input.text}`,\n })),\n});\n\nexport type AppRouter = typeof appRouter;\n","title=\"trpc\u002Frouters\u002F_app.ts\"",[641],{"type":61,"tag":114,"props":642,"children":643},{"__ignoreMap":116},[644,685,736,743,777,794,867,909,958,975,991,998],{"type":61,"tag":69,"props":645,"children":646},{"class":143,"line":144},[647,651,655,660,664,668,672,677,681],{"type":61,"tag":69,"props":648,"children":649},{"style":214},[650],{"type":66,"value":217},{"type":61,"tag":69,"props":652,"children":653},{"style":220},[654],{"type":66,"value":223},{"type":61,"tag":69,"props":656,"children":657},{"style":226},[658],{"type":66,"value":659}," z",{"type":61,"tag":69,"props":661,"children":662},{"style":220},[663],{"type":66,"value":234},{"type":61,"tag":69,"props":665,"children":666},{"style":214},[667],{"type":66,"value":239},{"type":61,"tag":69,"props":669,"children":670},{"style":220},[671],{"type":66,"value":244},{"type":61,"tag":69,"props":673,"children":674},{"style":154},[675],{"type":66,"value":676},"zod",{"type":61,"tag":69,"props":678,"children":679},{"style":220},[680],{"type":66,"value":254},{"type":61,"tag":69,"props":682,"children":683},{"style":220},[684],{"type":66,"value":259},{"type":61,"tag":69,"props":686,"children":687},{"class":143,"line":262},[688,692,696,701,706,711,715,719,723,728,732],{"type":61,"tag":69,"props":689,"children":690},{"style":214},[691],{"type":66,"value":217},{"type":61,"tag":69,"props":693,"children":694},{"style":220},[695],{"type":66,"value":223},{"type":61,"tag":69,"props":697,"children":698},{"style":226},[699],{"type":66,"value":700}," baseProcedure",{"type":61,"tag":69,"props":702,"children":703},{"style":220},[704],{"type":66,"value":705},",",{"type":61,"tag":69,"props":707,"children":708},{"style":226},[709],{"type":66,"value":710}," createTRPCRouter",{"type":61,"tag":69,"props":712,"children":713},{"style":220},[714],{"type":66,"value":234},{"type":61,"tag":69,"props":716,"children":717},{"style":214},[718],{"type":66,"value":239},{"type":61,"tag":69,"props":720,"children":721},{"style":220},[722],{"type":66,"value":244},{"type":61,"tag":69,"props":724,"children":725},{"style":154},[726],{"type":66,"value":727},"..\u002Finit",{"type":61,"tag":69,"props":729,"children":730},{"style":220},[731],{"type":66,"value":254},{"type":61,"tag":69,"props":733,"children":734},{"style":220},[735],{"type":66,"value":259},{"type":61,"tag":69,"props":737,"children":738},{"class":143,"line":272},[739],{"type":61,"tag":69,"props":740,"children":741},{"emptyLinePlaceholder":266},[742],{"type":66,"value":269},{"type":61,"tag":69,"props":744,"children":745},{"class":143,"line":352},[746,750,754,759,763,767,772],{"type":61,"tag":69,"props":747,"children":748},{"style":214},[749],{"type":66,"value":278},{"type":61,"tag":69,"props":751,"children":752},{"style":281},[753],{"type":66,"value":284},{"type":61,"tag":69,"props":755,"children":756},{"style":226},[757],{"type":66,"value":758}," appRouter ",{"type":61,"tag":69,"props":760,"children":761},{"style":220},[762],{"type":66,"value":294},{"type":61,"tag":69,"props":764,"children":765},{"style":441},[766],{"type":66,"value":710},{"type":61,"tag":69,"props":768,"children":769},{"style":226},[770],{"type":66,"value":771},"(",{"type":61,"tag":69,"props":773,"children":774},{"style":220},[775],{"type":66,"value":776},"{\n",{"type":61,"tag":69,"props":778,"children":779},{"class":143,"line":392},[780,785,789],{"type":61,"tag":69,"props":781,"children":782},{"style":322},[783],{"type":66,"value":784}," hello",{"type":61,"tag":69,"props":786,"children":787},{"style":220},[788],{"type":66,"value":315},{"type":61,"tag":69,"props":790,"children":791},{"style":226},[792],{"type":66,"value":793}," baseProcedure\n",{"type":61,"tag":69,"props":795,"children":796},{"class":143,"line":401},[797,802,807,812,816,821,825,830,835,839,843,847,852,857,862],{"type":61,"tag":69,"props":798,"children":799},{"style":220},[800],{"type":66,"value":801}," .",{"type":61,"tag":69,"props":803,"children":804},{"style":441},[805],{"type":66,"value":806},"input",{"type":61,"tag":69,"props":808,"children":809},{"style":226},[810],{"type":66,"value":811},"(z",{"type":61,"tag":69,"props":813,"children":814},{"style":220},[815],{"type":66,"value":544},{"type":61,"tag":69,"props":817,"children":818},{"style":441},[819],{"type":66,"value":820},"object",{"type":61,"tag":69,"props":822,"children":823},{"style":226},[824],{"type":66,"value":771},{"type":61,"tag":69,"props":826,"children":827},{"style":220},[828],{"type":66,"value":829},"{",{"type":61,"tag":69,"props":831,"children":832},{"style":322},[833],{"type":66,"value":834}," text",{"type":61,"tag":69,"props":836,"children":837},{"style":220},[838],{"type":66,"value":315},{"type":61,"tag":69,"props":840,"children":841},{"style":226},[842],{"type":66,"value":659},{"type":61,"tag":69,"props":844,"children":845},{"style":220},[846],{"type":66,"value":544},{"type":61,"tag":69,"props":848,"children":849},{"style":441},[850],{"type":66,"value":851},"string",{"type":61,"tag":69,"props":853,"children":854},{"style":226},[855],{"type":66,"value":856},"() ",{"type":61,"tag":69,"props":858,"children":859},{"style":220},[860],{"type":66,"value":861},"}",{"type":61,"tag":69,"props":863,"children":864},{"style":226},[865],{"type":66,"value":866},"))\n",{"type":61,"tag":69,"props":868,"children":869},{"class":143,"line":409},[870,874,879,883,888,893,897,901,905],{"type":61,"tag":69,"props":871,"children":872},{"style":220},[873],{"type":66,"value":801},{"type":61,"tag":69,"props":875,"children":876},{"style":441},[877],{"type":66,"value":878},"query",{"type":61,"tag":69,"props":880,"children":881},{"style":226},[882],{"type":66,"value":771},{"type":61,"tag":69,"props":884,"children":885},{"style":220},[886],{"type":66,"value":887},"({",{"type":61,"tag":69,"props":889,"children":890},{"style":307},[891],{"type":66,"value":892}," input",{"type":61,"tag":69,"props":894,"children":895},{"style":220},[896],{"type":66,"value":339},{"type":61,"tag":69,"props":898,"children":899},{"style":281},[900],{"type":66,"value":344},{"type":61,"tag":69,"props":902,"children":903},{"style":226},[904],{"type":66,"value":304},{"type":61,"tag":69,"props":906,"children":907},{"style":220},[908],{"type":66,"value":776},{"type":61,"tag":69,"props":910,"children":911},{"class":143,"line":432},[912,917,921,926,931,936,940,944,948,953],{"type":61,"tag":69,"props":913,"children":914},{"style":322},[915],{"type":66,"value":916}," greeting",{"type":61,"tag":69,"props":918,"children":919},{"style":220},[920],{"type":66,"value":315},{"type":61,"tag":69,"props":922,"children":923},{"style":220},[924],{"type":66,"value":925}," `",{"type":61,"tag":69,"props":927,"children":928},{"style":154},[929],{"type":66,"value":930},"hello ",{"type":61,"tag":69,"props":932,"children":933},{"style":220},[934],{"type":66,"value":935},"${",{"type":61,"tag":69,"props":937,"children":938},{"style":226},[939],{"type":66,"value":806},{"type":61,"tag":69,"props":941,"children":942},{"style":220},[943],{"type":66,"value":544},{"type":61,"tag":69,"props":945,"children":946},{"style":226},[947],{"type":66,"value":66},{"type":61,"tag":69,"props":949,"children":950},{"style":220},[951],{"type":66,"value":952},"}`",{"type":61,"tag":69,"props":954,"children":955},{"style":220},[956],{"type":66,"value":957},",\n",{"type":61,"tag":69,"props":959,"children":960},{"class":143,"line":486},[961,966,971],{"type":61,"tag":69,"props":962,"children":963},{"style":220},[964],{"type":66,"value":965}," }",{"type":61,"tag":69,"props":967,"children":968},{"style":226},[969],{"type":66,"value":970},"))",{"type":61,"tag":69,"props":972,"children":973},{"style":220},[974],{"type":66,"value":957},{"type":61,"tag":69,"props":976,"children":977},{"class":143,"line":508},[978,982,987],{"type":61,"tag":69,"props":979,"children":980},{"style":220},[981],{"type":66,"value":861},{"type":61,"tag":69,"props":983,"children":984},{"style":226},[985],{"type":66,"value":986},")",{"type":61,"tag":69,"props":988,"children":989},{"style":220},[990],{"type":66,"value":259},{"type":61,"tag":69,"props":992,"children":993},{"class":143,"line":516},[994],{"type":61,"tag":69,"props":995,"children":996},{"emptyLinePlaceholder":266},[997],{"type":66,"value":269},{"type":61,"tag":69,"props":999,"children":1000},{"class":143,"line":556},[1001,1005,1010,1015,1020,1025,1030],{"type":61,"tag":69,"props":1002,"children":1003},{"style":214},[1004],{"type":66,"value":278},{"type":61,"tag":69,"props":1006,"children":1007},{"style":281},[1008],{"type":66,"value":1009}," type",{"type":61,"tag":69,"props":1011,"children":1012},{"style":148},[1013],{"type":66,"value":1014}," AppRouter",{"type":61,"tag":69,"props":1016,"children":1017},{"style":220},[1018],{"type":66,"value":1019}," =",{"type":61,"tag":69,"props":1021,"children":1022},{"style":220},[1023],{"type":66,"value":1024}," typeof",{"type":61,"tag":69,"props":1026,"children":1027},{"style":226},[1028],{"type":66,"value":1029}," appRouter",{"type":61,"tag":69,"props":1031,"children":1032},{"style":220},[1033],{"type":66,"value":259},{"type":61,"tag":126,"props":1035,"children":1037},{"id":1036},"_4-route-handler-api-endpoint",[1038],{"type":66,"value":1039},"4. Route handler (API endpoint)",{"type":61,"tag":107,"props":1041,"children":1044},{"className":201,"code":1042,"filename":8,"language":203,"meta":1043,"style":116},"import { fetchRequestHandler } from '@trpc\u002Fserver\u002Fadapters\u002Ffetch';\nimport { createTRPCContext } from '..\u002F..\u002F..\u002F..\u002Ftrpc\u002Finit';\nimport { appRouter } from '..\u002F..\u002F..\u002F..\u002Ftrpc\u002Frouters\u002F_app';\n\nconst handler = (req: Request) =>\n fetchRequestHandler({\n endpoint: '\u002Fapi\u002Ftrpc',\n req,\n router: appRouter,\n createContext: () => createTRPCContext({ headers: req.headers }),\n });\n\nexport { handler as GET, handler as POST };\n","title=\"app\u002Fapi\u002Ftrpc\u002F\u002Froute.ts\"",[1045],{"type":61,"tag":114,"props":1046,"children":1047},{"__ignoreMap":116},[1048,1089,1129,1169,1176,1219,1235,1264,1276,1296,1363,1379,1386],{"type":61,"tag":69,"props":1049,"children":1050},{"class":143,"line":144},[1051,1055,1059,1064,1068,1072,1076,1081,1085],{"type":61,"tag":69,"props":1052,"children":1053},{"style":214},[1054],{"type":66,"value":217},{"type":61,"tag":69,"props":1056,"children":1057},{"style":220},[1058],{"type":66,"value":223},{"type":61,"tag":69,"props":1060,"children":1061},{"style":226},[1062],{"type":66,"value":1063}," fetchRequestHandler",{"type":61,"tag":69,"props":1065,"children":1066},{"style":220},[1067],{"type":66,"value":234},{"type":61,"tag":69,"props":1069,"children":1070},{"style":214},[1071],{"type":66,"value":239},{"type":61,"tag":69,"props":1073,"children":1074},{"style":220},[1075],{"type":66,"value":244},{"type":61,"tag":69,"props":1077,"children":1078},{"style":154},[1079],{"type":66,"value":1080},"@trpc\u002Fserver\u002Fadapters\u002Ffetch",{"type":61,"tag":69,"props":1082,"children":1083},{"style":220},[1084],{"type":66,"value":254},{"type":61,"tag":69,"props":1086,"children":1087},{"style":220},[1088],{"type":66,"value":259},{"type":61,"tag":69,"props":1090,"children":1091},{"class":143,"line":262},[1092,1096,1100,1104,1108,1112,1116,1121,1125],{"type":61,"tag":69,"props":1093,"children":1094},{"style":214},[1095],{"type":66,"value":217},{"type":61,"tag":69,"props":1097,"children":1098},{"style":220},[1099],{"type":66,"value":223},{"type":61,"tag":69,"props":1101,"children":1102},{"style":226},[1103],{"type":66,"value":473},{"type":61,"tag":69,"props":1105,"children":1106},{"style":220},[1107],{"type":66,"value":234},{"type":61,"tag":69,"props":1109,"children":1110},{"style":214},[1111],{"type":66,"value":239},{"type":61,"tag":69,"props":1113,"children":1114},{"style":220},[1115],{"type":66,"value":244},{"type":61,"tag":69,"props":1117,"children":1118},{"style":154},[1119],{"type":66,"value":1120},"..\u002F..\u002F..\u002F..\u002Ftrpc\u002Finit",{"type":61,"tag":69,"props":1122,"children":1123},{"style":220},[1124],{"type":66,"value":254},{"type":61,"tag":69,"props":1126,"children":1127},{"style":220},[1128],{"type":66,"value":259},{"type":61,"tag":69,"props":1130,"children":1131},{"class":143,"line":272},[1132,1136,1140,1144,1148,1152,1156,1161,1165],{"type":61,"tag":69,"props":1133,"children":1134},{"style":214},[1135],{"type":66,"value":217},{"type":61,"tag":69,"props":1137,"children":1138},{"style":220},[1139],{"type":66,"value":223},{"type":61,"tag":69,"props":1141,"children":1142},{"style":226},[1143],{"type":66,"value":1029},{"type":61,"tag":69,"props":1145,"children":1146},{"style":220},[1147],{"type":66,"value":234},{"type":61,"tag":69,"props":1149,"children":1150},{"style":214},[1151],{"type":66,"value":239},{"type":61,"tag":69,"props":1153,"children":1154},{"style":220},[1155],{"type":66,"value":244},{"type":61,"tag":69,"props":1157,"children":1158},{"style":154},[1159],{"type":66,"value":1160},"..\u002F..\u002F..\u002F..\u002Ftrpc\u002Frouters\u002F_app",{"type":61,"tag":69,"props":1162,"children":1163},{"style":220},[1164],{"type":66,"value":254},{"type":61,"tag":69,"props":1166,"children":1167},{"style":220},[1168],{"type":66,"value":259},{"type":61,"tag":69,"props":1170,"children":1171},{"class":143,"line":352},[1172],{"type":61,"tag":69,"props":1173,"children":1174},{"emptyLinePlaceholder":266},[1175],{"type":66,"value":269},{"type":61,"tag":69,"props":1177,"children":1178},{"class":143,"line":392},[1179,1183,1188,1192,1196,1201,1205,1210,1214],{"type":61,"tag":69,"props":1180,"children":1181},{"style":281},[1182],{"type":66,"value":415},{"type":61,"tag":69,"props":1184,"children":1185},{"style":226},[1186],{"type":66,"value":1187}," handler ",{"type":61,"tag":69,"props":1189,"children":1190},{"style":220},[1191],{"type":66,"value":294},{"type":61,"tag":69,"props":1193,"children":1194},{"style":220},[1195],{"type":66,"value":304},{"type":61,"tag":69,"props":1197,"children":1198},{"style":307},[1199],{"type":66,"value":1200},"req",{"type":61,"tag":69,"props":1202,"children":1203},{"style":220},[1204],{"type":66,"value":315},{"type":61,"tag":69,"props":1206,"children":1207},{"style":148},[1208],{"type":66,"value":1209}," Request",{"type":61,"tag":69,"props":1211,"children":1212},{"style":220},[1213],{"type":66,"value":986},{"type":61,"tag":69,"props":1215,"children":1216},{"style":281},[1217],{"type":66,"value":1218}," =>\n",{"type":61,"tag":69,"props":1220,"children":1221},{"class":143,"line":401},[1222,1227,1231],{"type":61,"tag":69,"props":1223,"children":1224},{"style":441},[1225],{"type":66,"value":1226}," fetchRequestHandler",{"type":61,"tag":69,"props":1228,"children":1229},{"style":226},[1230],{"type":66,"value":771},{"type":61,"tag":69,"props":1232,"children":1233},{"style":220},[1234],{"type":66,"value":776},{"type":61,"tag":69,"props":1236,"children":1237},{"class":143,"line":409},[1238,1243,1247,1251,1256,1260],{"type":61,"tag":69,"props":1239,"children":1240},{"style":322},[1241],{"type":66,"value":1242}," endpoint",{"type":61,"tag":69,"props":1244,"children":1245},{"style":220},[1246],{"type":66,"value":315},{"type":61,"tag":69,"props":1248,"children":1249},{"style":220},[1250],{"type":66,"value":244},{"type":61,"tag":69,"props":1252,"children":1253},{"style":154},[1254],{"type":66,"value":1255},"\u002Fapi\u002Ftrpc",{"type":61,"tag":69,"props":1257,"children":1258},{"style":220},[1259],{"type":66,"value":254},{"type":61,"tag":69,"props":1261,"children":1262},{"style":220},[1263],{"type":66,"value":957},{"type":61,"tag":69,"props":1265,"children":1266},{"class":143,"line":432},[1267,1272],{"type":61,"tag":69,"props":1268,"children":1269},{"style":226},[1270],{"type":66,"value":1271}," req",{"type":61,"tag":69,"props":1273,"children":1274},{"style":220},[1275],{"type":66,"value":957},{"type":61,"tag":69,"props":1277,"children":1278},{"class":143,"line":486},[1279,1284,1288,1292],{"type":61,"tag":69,"props":1280,"children":1281},{"style":322},[1282],{"type":66,"value":1283}," router",{"type":61,"tag":69,"props":1285,"children":1286},{"style":220},[1287],{"type":66,"value":315},{"type":61,"tag":69,"props":1289,"children":1290},{"style":226},[1291],{"type":66,"value":1029},{"type":61,"tag":69,"props":1293,"children":1294},{"style":220},[1295],{"type":66,"value":957},{"type":61,"tag":69,"props":1297,"children":1298},{"class":143,"line":508},[1299,1304,1308,1313,1317,1321,1325,1329,1333,1337,1342,1346,1351,1355,1359],{"type":61,"tag":69,"props":1300,"children":1301},{"style":441},[1302],{"type":66,"value":1303}," createContext",{"type":61,"tag":69,"props":1305,"children":1306},{"style":220},[1307],{"type":66,"value":315},{"type":61,"tag":69,"props":1309,"children":1310},{"style":220},[1311],{"type":66,"value":1312}," ()",{"type":61,"tag":69,"props":1314,"children":1315},{"style":281},[1316],{"type":66,"value":344},{"type":61,"tag":69,"props":1318,"children":1319},{"style":441},[1320],{"type":66,"value":473},{"type":61,"tag":69,"props":1322,"children":1323},{"style":226},[1324],{"type":66,"value":771},{"type":61,"tag":69,"props":1326,"children":1327},{"style":220},[1328],{"type":66,"value":829},{"type":61,"tag":69,"props":1330,"children":1331},{"style":322},[1332],{"type":66,"value":325},{"type":61,"tag":69,"props":1334,"children":1335},{"style":220},[1336],{"type":66,"value":315},{"type":61,"tag":69,"props":1338,"children":1339},{"style":226},[1340],{"type":66,"value":1341}," req",{"type":61,"tag":69,"props":1343,"children":1344},{"style":220},[1345],{"type":66,"value":544},{"type":61,"tag":69,"props":1347,"children":1348},{"style":226},[1349],{"type":66,"value":1350},"headers ",{"type":61,"tag":69,"props":1352,"children":1353},{"style":220},[1354],{"type":66,"value":861},{"type":61,"tag":69,"props":1356,"children":1357},{"style":226},[1358],{"type":66,"value":986},{"type":61,"tag":69,"props":1360,"children":1361},{"style":220},[1362],{"type":66,"value":957},{"type":61,"tag":69,"props":1364,"children":1365},{"class":143,"line":516},[1366,1371,1375],{"type":61,"tag":69,"props":1367,"children":1368},{"style":220},[1369],{"type":66,"value":1370}," }",{"type":61,"tag":69,"props":1372,"children":1373},{"style":226},[1374],{"type":66,"value":986},{"type":61,"tag":69,"props":1376,"children":1377},{"style":220},[1378],{"type":66,"value":259},{"type":61,"tag":69,"props":1380,"children":1381},{"class":143,"line":556},[1382],{"type":61,"tag":69,"props":1383,"children":1384},{"emptyLinePlaceholder":266},[1385],{"type":66,"value":269},{"type":61,"tag":69,"props":1387,"children":1388},{"class":143,"line":594},[1389,1393,1397,1402,1407,1412,1416,1420,1424,1429],{"type":61,"tag":69,"props":1390,"children":1391},{"style":214},[1392],{"type":66,"value":278},{"type":61,"tag":69,"props":1394,"children":1395},{"style":220},[1396],{"type":66,"value":223},{"type":61,"tag":69,"props":1398,"children":1399},{"style":226},[1400],{"type":66,"value":1401}," handler",{"type":61,"tag":69,"props":1403,"children":1404},{"style":214},[1405],{"type":66,"value":1406}," as",{"type":61,"tag":69,"props":1408,"children":1409},{"style":226},[1410],{"type":66,"value":1411}," GET",{"type":61,"tag":69,"props":1413,"children":1414},{"style":220},[1415],{"type":66,"value":705},{"type":61,"tag":69,"props":1417,"children":1418},{"style":226},[1419],{"type":66,"value":1401},{"type":61,"tag":69,"props":1421,"children":1422},{"style":214},[1423],{"type":66,"value":1406},{"type":61,"tag":69,"props":1425,"children":1426},{"style":226},[1427],{"type":66,"value":1428}," POST",{"type":61,"tag":69,"props":1430,"children":1431},{"style":220},[1432],{"type":66,"value":389},{"type":61,"tag":126,"props":1434,"children":1436},{"id":1435},"_5-queryclient-factory",[1437],{"type":66,"value":1438},"5. QueryClient factory",{"type":61,"tag":107,"props":1440,"children":1443},{"className":201,"code":1441,"language":203,"meta":1442,"style":116},"import {\n defaultShouldDehydrateQuery,\n QueryClient,\n} from '@tanstack\u002Freact-query';\n\nexport function makeQueryClient() {\n return new QueryClient({\n defaultOptions: {\n queries: {\n staleTime: 30 * 1000,\n },\n dehydrate: {\n shouldDehydrateQuery: (query) =>\n defaultShouldDehydrateQuery(query) ||\n query.state.status === 'pending',\n },\n },\n });\n}\n","title=\"trpc\u002Fquery-client.ts\"",[1444],{"type":61,"tag":114,"props":1445,"children":1446},{"__ignoreMap":116},[1447,1458,1470,1482,1510,1517,1542,1567,1583,1599,1631,1639,1655,1683,1710,1759,1767,1776,1792],{"type":61,"tag":69,"props":1448,"children":1449},{"class":143,"line":144},[1450,1454],{"type":61,"tag":69,"props":1451,"children":1452},{"style":214},[1453],{"type":66,"value":217},{"type":61,"tag":69,"props":1455,"children":1456},{"style":220},[1457],{"type":66,"value":349},{"type":61,"tag":69,"props":1459,"children":1460},{"class":143,"line":262},[1461,1466],{"type":61,"tag":69,"props":1462,"children":1463},{"style":226},[1464],{"type":66,"value":1465}," defaultShouldDehydrateQuery",{"type":61,"tag":69,"props":1467,"children":1468},{"style":220},[1469],{"type":66,"value":957},{"type":61,"tag":69,"props":1471,"children":1472},{"class":143,"line":272},[1473,1478],{"type":61,"tag":69,"props":1474,"children":1475},{"style":226},[1476],{"type":66,"value":1477}," QueryClient",{"type":61,"tag":69,"props":1479,"children":1480},{"style":220},[1481],{"type":66,"value":957},{"type":61,"tag":69,"props":1483,"children":1484},{"class":143,"line":352},[1485,1489,1493,1497,1502,1506],{"type":61,"tag":69,"props":1486,"children":1487},{"style":220},[1488],{"type":66,"value":861},{"type":61,"tag":69,"props":1490,"children":1491},{"style":214},[1492],{"type":66,"value":239},{"type":61,"tag":69,"props":1494,"children":1495},{"style":220},[1496],{"type":66,"value":244},{"type":61,"tag":69,"props":1498,"children":1499},{"style":154},[1500],{"type":66,"value":1501},"@tanstack\u002Freact-query",{"type":61,"tag":69,"props":1503,"children":1504},{"style":220},[1505],{"type":66,"value":254},{"type":61,"tag":69,"props":1507,"children":1508},{"style":220},[1509],{"type":66,"value":259},{"type":61,"tag":69,"props":1511,"children":1512},{"class":143,"line":392},[1513],{"type":61,"tag":69,"props":1514,"children":1515},{"emptyLinePlaceholder":266},[1516],{"type":66,"value":269},{"type":61,"tag":69,"props":1518,"children":1519},{"class":143,"line":401},[1520,1524,1529,1534,1538],{"type":61,"tag":69,"props":1521,"children":1522},{"style":214},[1523],{"type":66,"value":278},{"type":61,"tag":69,"props":1525,"children":1526},{"style":281},[1527],{"type":66,"value":1528}," function",{"type":61,"tag":69,"props":1530,"children":1531},{"style":441},[1532],{"type":66,"value":1533}," makeQueryClient",{"type":61,"tag":69,"props":1535,"children":1536},{"style":220},[1537],{"type":66,"value":501},{"type":61,"tag":69,"props":1539,"children":1540},{"style":220},[1541],{"type":66,"value":349},{"type":61,"tag":69,"props":1543,"children":1544},{"class":143,"line":409},[1545,1549,1554,1559,1563],{"type":61,"tag":69,"props":1546,"children":1547},{"style":214},[1548],{"type":66,"value":358},{"type":61,"tag":69,"props":1550,"children":1551},{"style":220},[1552],{"type":66,"value":1553}," new",{"type":61,"tag":69,"props":1555,"children":1556},{"style":441},[1557],{"type":66,"value":1558}," QueryClient",{"type":61,"tag":69,"props":1560,"children":1561},{"style":322},[1562],{"type":66,"value":771},{"type":61,"tag":69,"props":1564,"children":1565},{"style":220},[1566],{"type":66,"value":776},{"type":61,"tag":69,"props":1568,"children":1569},{"class":143,"line":432},[1570,1575,1579],{"type":61,"tag":69,"props":1571,"children":1572},{"style":322},[1573],{"type":66,"value":1574}," defaultOptions",{"type":61,"tag":69,"props":1576,"children":1577},{"style":220},[1578],{"type":66,"value":315},{"type":61,"tag":69,"props":1580,"children":1581},{"style":220},[1582],{"type":66,"value":349},{"type":61,"tag":69,"props":1584,"children":1585},{"class":143,"line":486},[1586,1591,1595],{"type":61,"tag":69,"props":1587,"children":1588},{"style":322},[1589],{"type":66,"value":1590}," queries",{"type":61,"tag":69,"props":1592,"children":1593},{"style":220},[1594],{"type":66,"value":315},{"type":61,"tag":69,"props":1596,"children":1597},{"style":220},[1598],{"type":66,"value":349},{"type":61,"tag":69,"props":1600,"children":1601},{"class":143,"line":508},[1602,1607,1611,1617,1622,1627],{"type":61,"tag":69,"props":1603,"children":1604},{"style":322},[1605],{"type":66,"value":1606}," staleTime",{"type":61,"tag":69,"props":1608,"children":1609},{"style":220},[1610],{"type":66,"value":315},{"type":61,"tag":69,"props":1612,"children":1614},{"style":1613},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1615],{"type":66,"value":1616}," 30",{"type":61,"tag":69,"props":1618,"children":1619},{"style":220},[1620],{"type":66,"value":1621}," *",{"type":61,"tag":69,"props":1623,"children":1624},{"style":1613},[1625],{"type":66,"value":1626}," 1000",{"type":61,"tag":69,"props":1628,"children":1629},{"style":220},[1630],{"type":66,"value":957},{"type":61,"tag":69,"props":1632,"children":1633},{"class":143,"line":516},[1634],{"type":61,"tag":69,"props":1635,"children":1636},{"style":220},[1637],{"type":66,"value":1638}," },\n",{"type":61,"tag":69,"props":1640,"children":1641},{"class":143,"line":556},[1642,1647,1651],{"type":61,"tag":69,"props":1643,"children":1644},{"style":322},[1645],{"type":66,"value":1646}," dehydrate",{"type":61,"tag":69,"props":1648,"children":1649},{"style":220},[1650],{"type":66,"value":315},{"type":61,"tag":69,"props":1652,"children":1653},{"style":220},[1654],{"type":66,"value":349},{"type":61,"tag":69,"props":1656,"children":1657},{"class":143,"line":594},[1658,1663,1667,1671,1675,1679],{"type":61,"tag":69,"props":1659,"children":1660},{"style":441},[1661],{"type":66,"value":1662}," shouldDehydrateQuery",{"type":61,"tag":69,"props":1664,"children":1665},{"style":220},[1666],{"type":66,"value":315},{"type":61,"tag":69,"props":1668,"children":1669},{"style":220},[1670],{"type":66,"value":304},{"type":61,"tag":69,"props":1672,"children":1673},{"style":307},[1674],{"type":66,"value":878},{"type":61,"tag":69,"props":1676,"children":1677},{"style":220},[1678],{"type":66,"value":986},{"type":61,"tag":69,"props":1680,"children":1681},{"style":281},[1682],{"type":66,"value":1218},{"type":61,"tag":69,"props":1684,"children":1686},{"class":143,"line":1685},14,[1687,1692,1696,1700,1705],{"type":61,"tag":69,"props":1688,"children":1689},{"style":441},[1690],{"type":66,"value":1691}," defaultShouldDehydrateQuery",{"type":61,"tag":69,"props":1693,"children":1694},{"style":322},[1695],{"type":66,"value":771},{"type":61,"tag":69,"props":1697,"children":1698},{"style":226},[1699],{"type":66,"value":878},{"type":61,"tag":69,"props":1701,"children":1702},{"style":322},[1703],{"type":66,"value":1704},") ",{"type":61,"tag":69,"props":1706,"children":1707},{"style":220},[1708],{"type":66,"value":1709},"||\n",{"type":61,"tag":69,"props":1711,"children":1713},{"class":143,"line":1712},15,[1714,1719,1723,1728,1732,1737,1742,1746,1751,1755],{"type":61,"tag":69,"props":1715,"children":1716},{"style":226},[1717],{"type":66,"value":1718}," query",{"type":61,"tag":69,"props":1720,"children":1721},{"style":220},[1722],{"type":66,"value":544},{"type":61,"tag":69,"props":1724,"children":1725},{"style":226},[1726],{"type":66,"value":1727},"state",{"type":61,"tag":69,"props":1729,"children":1730},{"style":220},[1731],{"type":66,"value":544},{"type":61,"tag":69,"props":1733,"children":1734},{"style":226},[1735],{"type":66,"value":1736},"status",{"type":61,"tag":69,"props":1738,"children":1739},{"style":220},[1740],{"type":66,"value":1741}," ===",{"type":61,"tag":69,"props":1743,"children":1744},{"style":220},[1745],{"type":66,"value":244},{"type":61,"tag":69,"props":1747,"children":1748},{"style":154},[1749],{"type":66,"value":1750},"pending",{"type":61,"tag":69,"props":1752,"children":1753},{"style":220},[1754],{"type":66,"value":254},{"type":61,"tag":69,"props":1756,"children":1757},{"style":220},[1758],{"type":66,"value":957},{"type":61,"tag":69,"props":1760,"children":1762},{"class":143,"line":1761},16,[1763],{"type":61,"tag":69,"props":1764,"children":1765},{"style":220},[1766],{"type":66,"value":1638},{"type":61,"tag":69,"props":1768,"children":1770},{"class":143,"line":1769},17,[1771],{"type":61,"tag":69,"props":1772,"children":1773},{"style":220},[1774],{"type":66,"value":1775}," },\n",{"type":61,"tag":69,"props":1777,"children":1779},{"class":143,"line":1778},18,[1780,1784,1788],{"type":61,"tag":69,"props":1781,"children":1782},{"style":220},[1783],{"type":66,"value":1370},{"type":61,"tag":69,"props":1785,"children":1786},{"style":322},[1787],{"type":66,"value":986},{"type":61,"tag":69,"props":1789,"children":1790},{"style":220},[1791],{"type":66,"value":259},{"type":61,"tag":69,"props":1793,"children":1795},{"class":143,"line":1794},19,[1796],{"type":61,"tag":69,"props":1797,"children":1798},{"style":220},[1799],{"type":66,"value":1800},"}\n",{"type":61,"tag":62,"props":1802,"children":1803},{},[1804,1806,1812,1814,1820],{"type":66,"value":1805},"If using a data transformer (e.g., superjson), add ",{"type":61,"tag":114,"props":1807,"children":1809},{"className":1808},[],[1810],{"type":66,"value":1811},"dehydrate.serializeData",{"type":66,"value":1813}," and ",{"type":61,"tag":114,"props":1815,"children":1817},{"className":1816},[],[1818],{"type":66,"value":1819},"hydrate.deserializeData",{"type":66,"value":1821}," here.",{"type":61,"tag":126,"props":1823,"children":1825},{"id":1824},"_6-client-provider-client-component",[1826],{"type":66,"value":1827},"6. Client provider (client component)",{"type":61,"tag":107,"props":1829,"children":1834},{"className":1830,"code":1831,"language":1832,"meta":1833,"style":116},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","'use client';\n\nimport type { QueryClient } from '@tanstack\u002Freact-query';\nimport { QueryClientProvider } from '@tanstack\u002Freact-query';\nimport { createTRPCClient, httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCContext } from '@trpc\u002Ftanstack-react-query';\nimport { useState } from 'react';\nimport { makeQueryClient } from '.\u002Fquery-client';\nimport type { AppRouter } from '.\u002Frouters\u002F_app';\n\nexport const { TRPCProvider, useTRPC, useTRPCClient } =\n createTRPCContext\u003CAppRouter>();\n\nlet browserQueryClient: QueryClient;\nfunction getQueryClient() {\n if (typeof window === 'undefined') {\n return makeQueryClient();\n }\n if (!browserQueryClient) browserQueryClient = makeQueryClient();\n return browserQueryClient;\n}\n\nfunction getUrl() {\n const base = (() => {\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:3000';\n })();\n return `${base}\u002Fapi\u002Ftrpc`;\n}\n\nexport function TRPCReactProvider(props: { children: React.ReactNode }) {\n const queryClient = getQueryClient();\n\n const [trpcClient] = useState(() =>\n createTRPCClient\u003CAppRouter>({\n links: [\n httpBatchLink({\n url: getUrl(),\n }),\n ],\n }),\n );\n\n return (\n \u003CQueryClientProvider client={queryClient}>\n \u003CTRPCProvider trpcClient={trpcClient} queryClient={queryClient}>\n {props.children}\n \u003C\u002FTRPCProvider>\n \u003C\u002FQueryClientProvider>\n );\n}\n","tsx","title=\"trpc\u002Fclient.tsx\"",[1835],{"type":61,"tag":114,"props":1836,"children":1837},{"__ignoreMap":116},[1838,1858,1865,1908,1948,1998,2038,2078,2118,2162,2169,2216,2246,2253,2278,2299,2346,2366,2374,2419,2435,2443,2451,2472,2506,2562,2646,2671,2688,2723,2731,2739,2804,2833,2841,2884,2913,2931,2948,2973,2990,3003,3019,3032,3040,3053,3087,3135,3161,3179,3196,3208],{"type":61,"tag":69,"props":1839,"children":1840},{"class":143,"line":144},[1841,1845,1850,1854],{"type":61,"tag":69,"props":1842,"children":1843},{"style":220},[1844],{"type":66,"value":254},{"type":61,"tag":69,"props":1846,"children":1847},{"style":154},[1848],{"type":66,"value":1849},"use client",{"type":61,"tag":69,"props":1851,"children":1852},{"style":220},[1853],{"type":66,"value":254},{"type":61,"tag":69,"props":1855,"children":1856},{"style":220},[1857],{"type":66,"value":259},{"type":61,"tag":69,"props":1859,"children":1860},{"class":143,"line":262},[1861],{"type":61,"tag":69,"props":1862,"children":1863},{"emptyLinePlaceholder":266},[1864],{"type":66,"value":269},{"type":61,"tag":69,"props":1866,"children":1867},{"class":143,"line":272},[1868,1872,1876,1880,1884,1888,1892,1896,1900,1904],{"type":61,"tag":69,"props":1869,"children":1870},{"style":214},[1871],{"type":66,"value":217},{"type":61,"tag":69,"props":1873,"children":1874},{"style":214},[1875],{"type":66,"value":1009},{"type":61,"tag":69,"props":1877,"children":1878},{"style":220},[1879],{"type":66,"value":223},{"type":61,"tag":69,"props":1881,"children":1882},{"style":226},[1883],{"type":66,"value":1558},{"type":61,"tag":69,"props":1885,"children":1886},{"style":220},[1887],{"type":66,"value":234},{"type":61,"tag":69,"props":1889,"children":1890},{"style":214},[1891],{"type":66,"value":239},{"type":61,"tag":69,"props":1893,"children":1894},{"style":220},[1895],{"type":66,"value":244},{"type":61,"tag":69,"props":1897,"children":1898},{"style":154},[1899],{"type":66,"value":1501},{"type":61,"tag":69,"props":1901,"children":1902},{"style":220},[1903],{"type":66,"value":254},{"type":61,"tag":69,"props":1905,"children":1906},{"style":220},[1907],{"type":66,"value":259},{"type":61,"tag":69,"props":1909,"children":1910},{"class":143,"line":352},[1911,1915,1919,1924,1928,1932,1936,1940,1944],{"type":61,"tag":69,"props":1912,"children":1913},{"style":214},[1914],{"type":66,"value":217},{"type":61,"tag":69,"props":1916,"children":1917},{"style":220},[1918],{"type":66,"value":223},{"type":61,"tag":69,"props":1920,"children":1921},{"style":226},[1922],{"type":66,"value":1923}," QueryClientProvider",{"type":61,"tag":69,"props":1925,"children":1926},{"style":220},[1927],{"type":66,"value":234},{"type":61,"tag":69,"props":1929,"children":1930},{"style":214},[1931],{"type":66,"value":239},{"type":61,"tag":69,"props":1933,"children":1934},{"style":220},[1935],{"type":66,"value":244},{"type":61,"tag":69,"props":1937,"children":1938},{"style":154},[1939],{"type":66,"value":1501},{"type":61,"tag":69,"props":1941,"children":1942},{"style":220},[1943],{"type":66,"value":254},{"type":61,"tag":69,"props":1945,"children":1946},{"style":220},[1947],{"type":66,"value":259},{"type":61,"tag":69,"props":1949,"children":1950},{"class":143,"line":392},[1951,1955,1959,1964,1968,1973,1977,1981,1985,1990,1994],{"type":61,"tag":69,"props":1952,"children":1953},{"style":214},[1954],{"type":66,"value":217},{"type":61,"tag":69,"props":1956,"children":1957},{"style":220},[1958],{"type":66,"value":223},{"type":61,"tag":69,"props":1960,"children":1961},{"style":226},[1962],{"type":66,"value":1963}," createTRPCClient",{"type":61,"tag":69,"props":1965,"children":1966},{"style":220},[1967],{"type":66,"value":705},{"type":61,"tag":69,"props":1969,"children":1970},{"style":226},[1971],{"type":66,"value":1972}," httpBatchLink",{"type":61,"tag":69,"props":1974,"children":1975},{"style":220},[1976],{"type":66,"value":234},{"type":61,"tag":69,"props":1978,"children":1979},{"style":214},[1980],{"type":66,"value":239},{"type":61,"tag":69,"props":1982,"children":1983},{"style":220},[1984],{"type":66,"value":244},{"type":61,"tag":69,"props":1986,"children":1987},{"style":154},[1988],{"type":66,"value":1989},"@trpc\u002Fclient",{"type":61,"tag":69,"props":1991,"children":1992},{"style":220},[1993],{"type":66,"value":254},{"type":61,"tag":69,"props":1995,"children":1996},{"style":220},[1997],{"type":66,"value":259},{"type":61,"tag":69,"props":1999,"children":2000},{"class":143,"line":401},[2001,2005,2009,2013,2017,2021,2025,2030,2034],{"type":61,"tag":69,"props":2002,"children":2003},{"style":214},[2004],{"type":66,"value":217},{"type":61,"tag":69,"props":2006,"children":2007},{"style":220},[2008],{"type":66,"value":223},{"type":61,"tag":69,"props":2010,"children":2011},{"style":226},[2012],{"type":66,"value":473},{"type":61,"tag":69,"props":2014,"children":2015},{"style":220},[2016],{"type":66,"value":234},{"type":61,"tag":69,"props":2018,"children":2019},{"style":214},[2020],{"type":66,"value":239},{"type":61,"tag":69,"props":2022,"children":2023},{"style":220},[2024],{"type":66,"value":244},{"type":61,"tag":69,"props":2026,"children":2027},{"style":154},[2028],{"type":66,"value":2029},"@trpc\u002Ftanstack-react-query",{"type":61,"tag":69,"props":2031,"children":2032},{"style":220},[2033],{"type":66,"value":254},{"type":61,"tag":69,"props":2035,"children":2036},{"style":220},[2037],{"type":66,"value":259},{"type":61,"tag":69,"props":2039,"children":2040},{"class":143,"line":409},[2041,2045,2049,2054,2058,2062,2066,2070,2074],{"type":61,"tag":69,"props":2042,"children":2043},{"style":214},[2044],{"type":66,"value":217},{"type":61,"tag":69,"props":2046,"children":2047},{"style":220},[2048],{"type":66,"value":223},{"type":61,"tag":69,"props":2050,"children":2051},{"style":226},[2052],{"type":66,"value":2053}," useState",{"type":61,"tag":69,"props":2055,"children":2056},{"style":220},[2057],{"type":66,"value":234},{"type":61,"tag":69,"props":2059,"children":2060},{"style":214},[2061],{"type":66,"value":239},{"type":61,"tag":69,"props":2063,"children":2064},{"style":220},[2065],{"type":66,"value":244},{"type":61,"tag":69,"props":2067,"children":2068},{"style":154},[2069],{"type":66,"value":36},{"type":61,"tag":69,"props":2071,"children":2072},{"style":220},[2073],{"type":66,"value":254},{"type":61,"tag":69,"props":2075,"children":2076},{"style":220},[2077],{"type":66,"value":259},{"type":61,"tag":69,"props":2079,"children":2080},{"class":143,"line":432},[2081,2085,2089,2093,2097,2101,2105,2110,2114],{"type":61,"tag":69,"props":2082,"children":2083},{"style":214},[2084],{"type":66,"value":217},{"type":61,"tag":69,"props":2086,"children":2087},{"style":220},[2088],{"type":66,"value":223},{"type":61,"tag":69,"props":2090,"children":2091},{"style":226},[2092],{"type":66,"value":1533},{"type":61,"tag":69,"props":2094,"children":2095},{"style":220},[2096],{"type":66,"value":234},{"type":61,"tag":69,"props":2098,"children":2099},{"style":214},[2100],{"type":66,"value":239},{"type":61,"tag":69,"props":2102,"children":2103},{"style":220},[2104],{"type":66,"value":244},{"type":61,"tag":69,"props":2106,"children":2107},{"style":154},[2108],{"type":66,"value":2109},".\u002Fquery-client",{"type":61,"tag":69,"props":2111,"children":2112},{"style":220},[2113],{"type":66,"value":254},{"type":61,"tag":69,"props":2115,"children":2116},{"style":220},[2117],{"type":66,"value":259},{"type":61,"tag":69,"props":2119,"children":2120},{"class":143,"line":486},[2121,2125,2129,2133,2137,2141,2145,2149,2154,2158],{"type":61,"tag":69,"props":2122,"children":2123},{"style":214},[2124],{"type":66,"value":217},{"type":61,"tag":69,"props":2126,"children":2127},{"style":214},[2128],{"type":66,"value":1009},{"type":61,"tag":69,"props":2130,"children":2131},{"style":220},[2132],{"type":66,"value":223},{"type":61,"tag":69,"props":2134,"children":2135},{"style":226},[2136],{"type":66,"value":1014},{"type":61,"tag":69,"props":2138,"children":2139},{"style":220},[2140],{"type":66,"value":234},{"type":61,"tag":69,"props":2142,"children":2143},{"style":214},[2144],{"type":66,"value":239},{"type":61,"tag":69,"props":2146,"children":2147},{"style":220},[2148],{"type":66,"value":244},{"type":61,"tag":69,"props":2150,"children":2151},{"style":154},[2152],{"type":66,"value":2153},".\u002Frouters\u002F_app",{"type":61,"tag":69,"props":2155,"children":2156},{"style":220},[2157],{"type":66,"value":254},{"type":61,"tag":69,"props":2159,"children":2160},{"style":220},[2161],{"type":66,"value":259},{"type":61,"tag":69,"props":2163,"children":2164},{"class":143,"line":508},[2165],{"type":61,"tag":69,"props":2166,"children":2167},{"emptyLinePlaceholder":266},[2168],{"type":66,"value":269},{"type":61,"tag":69,"props":2170,"children":2171},{"class":143,"line":516},[2172,2176,2180,2184,2189,2193,2198,2202,2207,2211],{"type":61,"tag":69,"props":2173,"children":2174},{"style":214},[2175],{"type":66,"value":278},{"type":61,"tag":69,"props":2177,"children":2178},{"style":281},[2179],{"type":66,"value":284},{"type":61,"tag":69,"props":2181,"children":2182},{"style":220},[2183],{"type":66,"value":223},{"type":61,"tag":69,"props":2185,"children":2186},{"style":226},[2187],{"type":66,"value":2188}," TRPCProvider",{"type":61,"tag":69,"props":2190,"children":2191},{"style":220},[2192],{"type":66,"value":705},{"type":61,"tag":69,"props":2194,"children":2195},{"style":226},[2196],{"type":66,"value":2197}," useTRPC",{"type":61,"tag":69,"props":2199,"children":2200},{"style":220},[2201],{"type":66,"value":705},{"type":61,"tag":69,"props":2203,"children":2204},{"style":226},[2205],{"type":66,"value":2206}," useTRPCClient ",{"type":61,"tag":69,"props":2208,"children":2209},{"style":220},[2210],{"type":66,"value":861},{"type":61,"tag":69,"props":2212,"children":2213},{"style":220},[2214],{"type":66,"value":2215}," =\n",{"type":61,"tag":69,"props":2217,"children":2218},{"class":143,"line":556},[2219,2224,2228,2233,2238,2242],{"type":61,"tag":69,"props":2220,"children":2221},{"style":441},[2222],{"type":66,"value":2223}," createTRPCContext",{"type":61,"tag":69,"props":2225,"children":2226},{"style":220},[2227],{"type":66,"value":449},{"type":61,"tag":69,"props":2229,"children":2230},{"style":148},[2231],{"type":66,"value":2232},"AppRouter",{"type":61,"tag":69,"props":2234,"children":2235},{"style":220},[2236],{"type":66,"value":2237},">",{"type":61,"tag":69,"props":2239,"children":2240},{"style":226},[2241],{"type":66,"value":501},{"type":61,"tag":69,"props":2243,"children":2244},{"style":220},[2245],{"type":66,"value":259},{"type":61,"tag":69,"props":2247,"children":2248},{"class":143,"line":594},[2249],{"type":61,"tag":69,"props":2250,"children":2251},{"emptyLinePlaceholder":266},[2252],{"type":66,"value":269},{"type":61,"tag":69,"props":2254,"children":2255},{"class":143,"line":1685},[2256,2261,2266,2270,2274],{"type":61,"tag":69,"props":2257,"children":2258},{"style":281},[2259],{"type":66,"value":2260},"let",{"type":61,"tag":69,"props":2262,"children":2263},{"style":226},[2264],{"type":66,"value":2265}," browserQueryClient",{"type":61,"tag":69,"props":2267,"children":2268},{"style":220},[2269],{"type":66,"value":315},{"type":61,"tag":69,"props":2271,"children":2272},{"style":148},[2273],{"type":66,"value":1558},{"type":61,"tag":69,"props":2275,"children":2276},{"style":220},[2277],{"type":66,"value":259},{"type":61,"tag":69,"props":2279,"children":2280},{"class":143,"line":1712},[2281,2286,2291,2295],{"type":61,"tag":69,"props":2282,"children":2283},{"style":281},[2284],{"type":66,"value":2285},"function",{"type":61,"tag":69,"props":2287,"children":2288},{"style":441},[2289],{"type":66,"value":2290}," getQueryClient",{"type":61,"tag":69,"props":2292,"children":2293},{"style":220},[2294],{"type":66,"value":501},{"type":61,"tag":69,"props":2296,"children":2297},{"style":220},[2298],{"type":66,"value":349},{"type":61,"tag":69,"props":2300,"children":2301},{"class":143,"line":1761},[2302,2307,2311,2316,2321,2325,2329,2334,2338,2342],{"type":61,"tag":69,"props":2303,"children":2304},{"style":214},[2305],{"type":66,"value":2306}," if",{"type":61,"tag":69,"props":2308,"children":2309},{"style":322},[2310],{"type":66,"value":304},{"type":61,"tag":69,"props":2312,"children":2313},{"style":220},[2314],{"type":66,"value":2315},"typeof",{"type":61,"tag":69,"props":2317,"children":2318},{"style":226},[2319],{"type":66,"value":2320}," window",{"type":61,"tag":69,"props":2322,"children":2323},{"style":220},[2324],{"type":66,"value":1741},{"type":61,"tag":69,"props":2326,"children":2327},{"style":220},[2328],{"type":66,"value":244},{"type":61,"tag":69,"props":2330,"children":2331},{"style":154},[2332],{"type":66,"value":2333},"undefined",{"type":61,"tag":69,"props":2335,"children":2336},{"style":220},[2337],{"type":66,"value":254},{"type":61,"tag":69,"props":2339,"children":2340},{"style":322},[2341],{"type":66,"value":1704},{"type":61,"tag":69,"props":2343,"children":2344},{"style":220},[2345],{"type":66,"value":776},{"type":61,"tag":69,"props":2347,"children":2348},{"class":143,"line":1769},[2349,2354,2358,2362],{"type":61,"tag":69,"props":2350,"children":2351},{"style":214},[2352],{"type":66,"value":2353}," return",{"type":61,"tag":69,"props":2355,"children":2356},{"style":441},[2357],{"type":66,"value":1533},{"type":61,"tag":69,"props":2359,"children":2360},{"style":322},[2361],{"type":66,"value":501},{"type":61,"tag":69,"props":2363,"children":2364},{"style":220},[2365],{"type":66,"value":259},{"type":61,"tag":69,"props":2367,"children":2368},{"class":143,"line":1778},[2369],{"type":61,"tag":69,"props":2370,"children":2371},{"style":220},[2372],{"type":66,"value":2373}," }\n",{"type":61,"tag":69,"props":2375,"children":2376},{"class":143,"line":1794},[2377,2381,2385,2390,2395,2399,2403,2407,2411,2415],{"type":61,"tag":69,"props":2378,"children":2379},{"style":214},[2380],{"type":66,"value":2306},{"type":61,"tag":69,"props":2382,"children":2383},{"style":322},[2384],{"type":66,"value":304},{"type":61,"tag":69,"props":2386,"children":2387},{"style":220},[2388],{"type":66,"value":2389},"!",{"type":61,"tag":69,"props":2391,"children":2392},{"style":226},[2393],{"type":66,"value":2394},"browserQueryClient",{"type":61,"tag":69,"props":2396,"children":2397},{"style":322},[2398],{"type":66,"value":1704},{"type":61,"tag":69,"props":2400,"children":2401},{"style":226},[2402],{"type":66,"value":2394},{"type":61,"tag":69,"props":2404,"children":2405},{"style":220},[2406],{"type":66,"value":1019},{"type":61,"tag":69,"props":2408,"children":2409},{"style":441},[2410],{"type":66,"value":1533},{"type":61,"tag":69,"props":2412,"children":2413},{"style":322},[2414],{"type":66,"value":501},{"type":61,"tag":69,"props":2416,"children":2417},{"style":220},[2418],{"type":66,"value":259},{"type":61,"tag":69,"props":2420,"children":2422},{"class":143,"line":2421},20,[2423,2427,2431],{"type":61,"tag":69,"props":2424,"children":2425},{"style":214},[2426],{"type":66,"value":358},{"type":61,"tag":69,"props":2428,"children":2429},{"style":226},[2430],{"type":66,"value":2265},{"type":61,"tag":69,"props":2432,"children":2433},{"style":220},[2434],{"type":66,"value":259},{"type":61,"tag":69,"props":2436,"children":2438},{"class":143,"line":2437},21,[2439],{"type":61,"tag":69,"props":2440,"children":2441},{"style":220},[2442],{"type":66,"value":1800},{"type":61,"tag":69,"props":2444,"children":2446},{"class":143,"line":2445},22,[2447],{"type":61,"tag":69,"props":2448,"children":2449},{"emptyLinePlaceholder":266},[2450],{"type":66,"value":269},{"type":61,"tag":69,"props":2452,"children":2454},{"class":143,"line":2453},23,[2455,2459,2464,2468],{"type":61,"tag":69,"props":2456,"children":2457},{"style":281},[2458],{"type":66,"value":2285},{"type":61,"tag":69,"props":2460,"children":2461},{"style":441},[2462],{"type":66,"value":2463}," getUrl",{"type":61,"tag":69,"props":2465,"children":2466},{"style":220},[2467],{"type":66,"value":501},{"type":61,"tag":69,"props":2469,"children":2470},{"style":220},[2471],{"type":66,"value":349},{"type":61,"tag":69,"props":2473,"children":2475},{"class":143,"line":2474},24,[2476,2481,2486,2490,2494,2498,2502],{"type":61,"tag":69,"props":2477,"children":2478},{"style":281},[2479],{"type":66,"value":2480}," const",{"type":61,"tag":69,"props":2482,"children":2483},{"style":226},[2484],{"type":66,"value":2485}," base",{"type":61,"tag":69,"props":2487,"children":2488},{"style":220},[2489],{"type":66,"value":1019},{"type":61,"tag":69,"props":2491,"children":2492},{"style":322},[2493],{"type":66,"value":304},{"type":61,"tag":69,"props":2495,"children":2496},{"style":220},[2497],{"type":66,"value":501},{"type":61,"tag":69,"props":2499,"children":2500},{"style":281},[2501],{"type":66,"value":344},{"type":61,"tag":69,"props":2503,"children":2504},{"style":220},[2505],{"type":66,"value":349},{"type":61,"tag":69,"props":2507,"children":2509},{"class":143,"line":2508},25,[2510,2515,2519,2523,2527,2532,2536,2540,2544,2548,2553,2558],{"type":61,"tag":69,"props":2511,"children":2512},{"style":214},[2513],{"type":66,"value":2514}," if",{"type":61,"tag":69,"props":2516,"children":2517},{"style":322},[2518],{"type":66,"value":304},{"type":61,"tag":69,"props":2520,"children":2521},{"style":220},[2522],{"type":66,"value":2315},{"type":61,"tag":69,"props":2524,"children":2525},{"style":226},[2526],{"type":66,"value":2320},{"type":61,"tag":69,"props":2528,"children":2529},{"style":220},[2530],{"type":66,"value":2531}," !==",{"type":61,"tag":69,"props":2533,"children":2534},{"style":220},[2535],{"type":66,"value":244},{"type":61,"tag":69,"props":2537,"children":2538},{"style":154},[2539],{"type":66,"value":2333},{"type":61,"tag":69,"props":2541,"children":2542},{"style":220},[2543],{"type":66,"value":254},{"type":61,"tag":69,"props":2545,"children":2546},{"style":322},[2547],{"type":66,"value":1704},{"type":61,"tag":69,"props":2549,"children":2550},{"style":214},[2551],{"type":66,"value":2552},"return",{"type":61,"tag":69,"props":2554,"children":2555},{"style":220},[2556],{"type":66,"value":2557}," ''",{"type":61,"tag":69,"props":2559,"children":2560},{"style":220},[2561],{"type":66,"value":259},{"type":61,"tag":69,"props":2563,"children":2565},{"class":143,"line":2564},26,[2566,2570,2574,2579,2583,2588,2592,2597,2601,2605,2609,2614,2618,2622,2626,2630,2634,2638,2642],{"type":61,"tag":69,"props":2567,"children":2568},{"style":214},[2569],{"type":66,"value":2514},{"type":61,"tag":69,"props":2571,"children":2572},{"style":322},[2573],{"type":66,"value":304},{"type":61,"tag":69,"props":2575,"children":2576},{"style":226},[2577],{"type":66,"value":2578},"process",{"type":61,"tag":69,"props":2580,"children":2581},{"style":220},[2582],{"type":66,"value":544},{"type":61,"tag":69,"props":2584,"children":2585},{"style":226},[2586],{"type":66,"value":2587},"env",{"type":61,"tag":69,"props":2589,"children":2590},{"style":220},[2591],{"type":66,"value":544},{"type":61,"tag":69,"props":2593,"children":2594},{"style":226},[2595],{"type":66,"value":2596},"VERCEL_URL",{"type":61,"tag":69,"props":2598,"children":2599},{"style":322},[2600],{"type":66,"value":1704},{"type":61,"tag":69,"props":2602,"children":2603},{"style":214},[2604],{"type":66,"value":2552},{"type":61,"tag":69,"props":2606,"children":2607},{"style":220},[2608],{"type":66,"value":925},{"type":61,"tag":69,"props":2610,"children":2611},{"style":154},[2612],{"type":66,"value":2613},"https:\u002F\u002F",{"type":61,"tag":69,"props":2615,"children":2616},{"style":220},[2617],{"type":66,"value":935},{"type":61,"tag":69,"props":2619,"children":2620},{"style":226},[2621],{"type":66,"value":2578},{"type":61,"tag":69,"props":2623,"children":2624},{"style":220},[2625],{"type":66,"value":544},{"type":61,"tag":69,"props":2627,"children":2628},{"style":226},[2629],{"type":66,"value":2587},{"type":61,"tag":69,"props":2631,"children":2632},{"style":220},[2633],{"type":66,"value":544},{"type":61,"tag":69,"props":2635,"children":2636},{"style":226},[2637],{"type":66,"value":2596},{"type":61,"tag":69,"props":2639,"children":2640},{"style":220},[2641],{"type":66,"value":952},{"type":61,"tag":69,"props":2643,"children":2644},{"style":220},[2645],{"type":66,"value":259},{"type":61,"tag":69,"props":2647,"children":2649},{"class":143,"line":2648},27,[2650,2654,2658,2663,2667],{"type":61,"tag":69,"props":2651,"children":2652},{"style":214},[2653],{"type":66,"value":2353},{"type":61,"tag":69,"props":2655,"children":2656},{"style":220},[2657],{"type":66,"value":244},{"type":61,"tag":69,"props":2659,"children":2660},{"style":154},[2661],{"type":66,"value":2662},"http:\u002F\u002Flocalhost:3000",{"type":61,"tag":69,"props":2664,"children":2665},{"style":220},[2666],{"type":66,"value":254},{"type":61,"tag":69,"props":2668,"children":2669},{"style":220},[2670],{"type":66,"value":259},{"type":61,"tag":69,"props":2672,"children":2674},{"class":143,"line":2673},28,[2675,2679,2684],{"type":61,"tag":69,"props":2676,"children":2677},{"style":220},[2678],{"type":66,"value":1370},{"type":61,"tag":69,"props":2680,"children":2681},{"style":322},[2682],{"type":66,"value":2683},")()",{"type":61,"tag":69,"props":2685,"children":2686},{"style":220},[2687],{"type":66,"value":259},{"type":61,"tag":69,"props":2689,"children":2691},{"class":143,"line":2690},29,[2692,2696,2701,2706,2710,2714,2719],{"type":61,"tag":69,"props":2693,"children":2694},{"style":214},[2695],{"type":66,"value":358},{"type":61,"tag":69,"props":2697,"children":2698},{"style":220},[2699],{"type":66,"value":2700}," `${",{"type":61,"tag":69,"props":2702,"children":2703},{"style":226},[2704],{"type":66,"value":2705},"base",{"type":61,"tag":69,"props":2707,"children":2708},{"style":220},[2709],{"type":66,"value":861},{"type":61,"tag":69,"props":2711,"children":2712},{"style":154},[2713],{"type":66,"value":1255},{"type":61,"tag":69,"props":2715,"children":2716},{"style":220},[2717],{"type":66,"value":2718},"`",{"type":61,"tag":69,"props":2720,"children":2721},{"style":220},[2722],{"type":66,"value":259},{"type":61,"tag":69,"props":2724,"children":2726},{"class":143,"line":2725},30,[2727],{"type":61,"tag":69,"props":2728,"children":2729},{"style":220},[2730],{"type":66,"value":1800},{"type":61,"tag":69,"props":2732,"children":2734},{"class":143,"line":2733},31,[2735],{"type":61,"tag":69,"props":2736,"children":2737},{"emptyLinePlaceholder":266},[2738],{"type":66,"value":269},{"type":61,"tag":69,"props":2740,"children":2742},{"class":143,"line":2741},32,[2743,2747,2751,2756,2760,2765,2769,2773,2778,2782,2787,2791,2796,2800],{"type":61,"tag":69,"props":2744,"children":2745},{"style":214},[2746],{"type":66,"value":278},{"type":61,"tag":69,"props":2748,"children":2749},{"style":281},[2750],{"type":66,"value":1528},{"type":61,"tag":69,"props":2752,"children":2753},{"style":441},[2754],{"type":66,"value":2755}," TRPCReactProvider",{"type":61,"tag":69,"props":2757,"children":2758},{"style":220},[2759],{"type":66,"value":771},{"type":61,"tag":69,"props":2761,"children":2762},{"style":307},[2763],{"type":66,"value":2764},"props",{"type":61,"tag":69,"props":2766,"children":2767},{"style":220},[2768],{"type":66,"value":315},{"type":61,"tag":69,"props":2770,"children":2771},{"style":220},[2772],{"type":66,"value":223},{"type":61,"tag":69,"props":2774,"children":2775},{"style":322},[2776],{"type":66,"value":2777}," children",{"type":61,"tag":69,"props":2779,"children":2780},{"style":220},[2781],{"type":66,"value":315},{"type":61,"tag":69,"props":2783,"children":2784},{"style":148},[2785],{"type":66,"value":2786}," React",{"type":61,"tag":69,"props":2788,"children":2789},{"style":220},[2790],{"type":66,"value":544},{"type":61,"tag":69,"props":2792,"children":2793},{"style":148},[2794],{"type":66,"value":2795},"ReactNode",{"type":61,"tag":69,"props":2797,"children":2798},{"style":220},[2799],{"type":66,"value":339},{"type":61,"tag":69,"props":2801,"children":2802},{"style":220},[2803],{"type":66,"value":349},{"type":61,"tag":69,"props":2805,"children":2807},{"class":143,"line":2806},33,[2808,2812,2817,2821,2825,2829],{"type":61,"tag":69,"props":2809,"children":2810},{"style":281},[2811],{"type":66,"value":2480},{"type":61,"tag":69,"props":2813,"children":2814},{"style":226},[2815],{"type":66,"value":2816}," queryClient",{"type":61,"tag":69,"props":2818,"children":2819},{"style":220},[2820],{"type":66,"value":1019},{"type":61,"tag":69,"props":2822,"children":2823},{"style":441},[2824],{"type":66,"value":2290},{"type":61,"tag":69,"props":2826,"children":2827},{"style":322},[2828],{"type":66,"value":501},{"type":61,"tag":69,"props":2830,"children":2831},{"style":220},[2832],{"type":66,"value":259},{"type":61,"tag":69,"props":2834,"children":2836},{"class":143,"line":2835},34,[2837],{"type":61,"tag":69,"props":2838,"children":2839},{"emptyLinePlaceholder":266},[2840],{"type":66,"value":269},{"type":61,"tag":69,"props":2842,"children":2844},{"class":143,"line":2843},35,[2845,2849,2854,2859,2864,2868,2872,2876,2880],{"type":61,"tag":69,"props":2846,"children":2847},{"style":281},[2848],{"type":66,"value":2480},{"type":61,"tag":69,"props":2850,"children":2851},{"style":220},[2852],{"type":66,"value":2853}," [",{"type":61,"tag":69,"props":2855,"children":2856},{"style":226},[2857],{"type":66,"value":2858},"trpcClient",{"type":61,"tag":69,"props":2860,"children":2861},{"style":220},[2862],{"type":66,"value":2863},"]",{"type":61,"tag":69,"props":2865,"children":2866},{"style":220},[2867],{"type":66,"value":1019},{"type":61,"tag":69,"props":2869,"children":2870},{"style":441},[2871],{"type":66,"value":2053},{"type":61,"tag":69,"props":2873,"children":2874},{"style":322},[2875],{"type":66,"value":771},{"type":61,"tag":69,"props":2877,"children":2878},{"style":220},[2879],{"type":66,"value":501},{"type":61,"tag":69,"props":2881,"children":2882},{"style":281},[2883],{"type":66,"value":1218},{"type":61,"tag":69,"props":2885,"children":2887},{"class":143,"line":2886},36,[2888,2893,2897,2901,2905,2909],{"type":61,"tag":69,"props":2889,"children":2890},{"style":441},[2891],{"type":66,"value":2892}," createTRPCClient",{"type":61,"tag":69,"props":2894,"children":2895},{"style":220},[2896],{"type":66,"value":449},{"type":61,"tag":69,"props":2898,"children":2899},{"style":148},[2900],{"type":66,"value":2232},{"type":61,"tag":69,"props":2902,"children":2903},{"style":220},[2904],{"type":66,"value":2237},{"type":61,"tag":69,"props":2906,"children":2907},{"style":322},[2908],{"type":66,"value":771},{"type":61,"tag":69,"props":2910,"children":2911},{"style":220},[2912],{"type":66,"value":776},{"type":61,"tag":69,"props":2914,"children":2916},{"class":143,"line":2915},37,[2917,2922,2926],{"type":61,"tag":69,"props":2918,"children":2919},{"style":322},[2920],{"type":66,"value":2921}," links",{"type":61,"tag":69,"props":2923,"children":2924},{"style":220},[2925],{"type":66,"value":315},{"type":61,"tag":69,"props":2927,"children":2928},{"style":322},[2929],{"type":66,"value":2930}," [\n",{"type":61,"tag":69,"props":2932,"children":2934},{"class":143,"line":2933},38,[2935,2940,2944],{"type":61,"tag":69,"props":2936,"children":2937},{"style":441},[2938],{"type":66,"value":2939}," httpBatchLink",{"type":61,"tag":69,"props":2941,"children":2942},{"style":322},[2943],{"type":66,"value":771},{"type":61,"tag":69,"props":2945,"children":2946},{"style":220},[2947],{"type":66,"value":776},{"type":61,"tag":69,"props":2949,"children":2951},{"class":143,"line":2950},39,[2952,2957,2961,2965,2969],{"type":61,"tag":69,"props":2953,"children":2954},{"style":322},[2955],{"type":66,"value":2956}," url",{"type":61,"tag":69,"props":2958,"children":2959},{"style":220},[2960],{"type":66,"value":315},{"type":61,"tag":69,"props":2962,"children":2963},{"style":441},[2964],{"type":66,"value":2463},{"type":61,"tag":69,"props":2966,"children":2967},{"style":322},[2968],{"type":66,"value":501},{"type":61,"tag":69,"props":2970,"children":2971},{"style":220},[2972],{"type":66,"value":957},{"type":61,"tag":69,"props":2974,"children":2976},{"class":143,"line":2975},40,[2977,2982,2986],{"type":61,"tag":69,"props":2978,"children":2979},{"style":220},[2980],{"type":66,"value":2981}," }",{"type":61,"tag":69,"props":2983,"children":2984},{"style":322},[2985],{"type":66,"value":986},{"type":61,"tag":69,"props":2987,"children":2988},{"style":220},[2989],{"type":66,"value":957},{"type":61,"tag":69,"props":2991,"children":2993},{"class":143,"line":2992},41,[2994,2999],{"type":61,"tag":69,"props":2995,"children":2996},{"style":322},[2997],{"type":66,"value":2998}," ]",{"type":61,"tag":69,"props":3000,"children":3001},{"style":220},[3002],{"type":66,"value":957},{"type":61,"tag":69,"props":3004,"children":3006},{"class":143,"line":3005},42,[3007,3011,3015],{"type":61,"tag":69,"props":3008,"children":3009},{"style":220},[3010],{"type":66,"value":965},{"type":61,"tag":69,"props":3012,"children":3013},{"style":322},[3014],{"type":66,"value":986},{"type":61,"tag":69,"props":3016,"children":3017},{"style":220},[3018],{"type":66,"value":957},{"type":61,"tag":69,"props":3020,"children":3022},{"class":143,"line":3021},43,[3023,3028],{"type":61,"tag":69,"props":3024,"children":3025},{"style":322},[3026],{"type":66,"value":3027}," )",{"type":61,"tag":69,"props":3029,"children":3030},{"style":220},[3031],{"type":66,"value":259},{"type":61,"tag":69,"props":3033,"children":3035},{"class":143,"line":3034},44,[3036],{"type":61,"tag":69,"props":3037,"children":3038},{"emptyLinePlaceholder":266},[3039],{"type":66,"value":269},{"type":61,"tag":69,"props":3041,"children":3043},{"class":143,"line":3042},45,[3044,3048],{"type":61,"tag":69,"props":3045,"children":3046},{"style":214},[3047],{"type":66,"value":358},{"type":61,"tag":69,"props":3049,"children":3050},{"style":322},[3051],{"type":66,"value":3052}," (\n",{"type":61,"tag":69,"props":3054,"children":3056},{"class":143,"line":3055},46,[3057,3062,3067,3072,3077,3082],{"type":61,"tag":69,"props":3058,"children":3059},{"style":220},[3060],{"type":66,"value":3061}," \u003C",{"type":61,"tag":69,"props":3063,"children":3064},{"style":148},[3065],{"type":66,"value":3066},"QueryClientProvider",{"type":61,"tag":69,"props":3068,"children":3069},{"style":281},[3070],{"type":66,"value":3071}," client",{"type":61,"tag":69,"props":3073,"children":3074},{"style":220},[3075],{"type":66,"value":3076},"={",{"type":61,"tag":69,"props":3078,"children":3079},{"style":226},[3080],{"type":66,"value":3081},"queryClient",{"type":61,"tag":69,"props":3083,"children":3084},{"style":220},[3085],{"type":66,"value":3086},"}>\n",{"type":61,"tag":69,"props":3088,"children":3090},{"class":143,"line":3089},47,[3091,3096,3101,3106,3110,3114,3119,3123,3127,3131],{"type":61,"tag":69,"props":3092,"children":3093},{"style":220},[3094],{"type":66,"value":3095}," \u003C",{"type":61,"tag":69,"props":3097,"children":3098},{"style":148},[3099],{"type":66,"value":3100},"TRPCProvider",{"type":61,"tag":69,"props":3102,"children":3103},{"style":281},[3104],{"type":66,"value":3105}," trpcClient",{"type":61,"tag":69,"props":3107,"children":3108},{"style":220},[3109],{"type":66,"value":3076},{"type":61,"tag":69,"props":3111,"children":3112},{"style":226},[3113],{"type":66,"value":2858},{"type":61,"tag":69,"props":3115,"children":3116},{"style":220},[3117],{"type":66,"value":3118},"} ",{"type":61,"tag":69,"props":3120,"children":3121},{"style":281},[3122],{"type":66,"value":3081},{"type":61,"tag":69,"props":3124,"children":3125},{"style":220},[3126],{"type":66,"value":3076},{"type":61,"tag":69,"props":3128,"children":3129},{"style":226},[3130],{"type":66,"value":3081},{"type":61,"tag":69,"props":3132,"children":3133},{"style":220},[3134],{"type":66,"value":3086},{"type":61,"tag":69,"props":3136,"children":3138},{"class":143,"line":3137},48,[3139,3144,3148,3152,3157],{"type":61,"tag":69,"props":3140,"children":3141},{"style":220},[3142],{"type":66,"value":3143}," {",{"type":61,"tag":69,"props":3145,"children":3146},{"style":226},[3147],{"type":66,"value":2764},{"type":61,"tag":69,"props":3149,"children":3150},{"style":220},[3151],{"type":66,"value":544},{"type":61,"tag":69,"props":3153,"children":3154},{"style":226},[3155],{"type":66,"value":3156},"children",{"type":61,"tag":69,"props":3158,"children":3159},{"style":220},[3160],{"type":66,"value":1800},{"type":61,"tag":69,"props":3162,"children":3164},{"class":143,"line":3163},49,[3165,3170,3174],{"type":61,"tag":69,"props":3166,"children":3167},{"style":220},[3168],{"type":66,"value":3169}," \u003C\u002F",{"type":61,"tag":69,"props":3171,"children":3172},{"style":148},[3173],{"type":66,"value":3100},{"type":61,"tag":69,"props":3175,"children":3176},{"style":220},[3177],{"type":66,"value":3178},">\n",{"type":61,"tag":69,"props":3180,"children":3182},{"class":143,"line":3181},50,[3183,3188,3192],{"type":61,"tag":69,"props":3184,"children":3185},{"style":220},[3186],{"type":66,"value":3187}," \u003C\u002F",{"type":61,"tag":69,"props":3189,"children":3190},{"style":148},[3191],{"type":66,"value":3066},{"type":61,"tag":69,"props":3193,"children":3194},{"style":220},[3195],{"type":66,"value":3178},{"type":61,"tag":69,"props":3197,"children":3199},{"class":143,"line":3198},51,[3200,3204],{"type":61,"tag":69,"props":3201,"children":3202},{"style":322},[3203],{"type":66,"value":3027},{"type":61,"tag":69,"props":3205,"children":3206},{"style":220},[3207],{"type":66,"value":259},{"type":61,"tag":69,"props":3209,"children":3211},{"class":143,"line":3210},52,[3212],{"type":61,"tag":69,"props":3213,"children":3214},{"style":220},[3215],{"type":66,"value":1800},{"type":61,"tag":126,"props":3217,"children":3219},{"id":3218},"_7-server-side-proxy-server-component",[3220],{"type":66,"value":3221},"7. Server-side proxy (server component)",{"type":61,"tag":107,"props":3223,"children":3226},{"className":1830,"code":3224,"language":1832,"meta":3225,"style":116},"import 'server-only';\nimport { dehydrate, HydrationBoundary } from '@tanstack\u002Freact-query';\nimport { createTRPCOptionsProxy } from '@trpc\u002Ftanstack-react-query';\nimport type { TRPCQueryOptions } from '@trpc\u002Ftanstack-react-query';\nimport { headers } from 'next\u002Fheaders';\nimport { cache } from 'react';\nimport { createTRPCContext } from '.\u002Finit';\nimport { makeQueryClient } from '.\u002Fquery-client';\nimport { appRouter } from '.\u002Frouters\u002F_app';\n\nexport const getQueryClient = cache(makeQueryClient);\n\nexport const trpc = createTRPCOptionsProxy({\n ctx: async () =>\n createTRPCContext({\n headers: await headers(),\n }),\n router: appRouter,\n queryClient: getQueryClient,\n});\n\nexport function HydrateClient(props: { children: React.ReactNode }) {\n const queryClient = getQueryClient();\n return (\n \u003CHydrationBoundary state={dehydrate(queryClient)}>\n {props.children}\n \u003C\u002FHydrationBoundary>\n );\n}\n\nexport function prefetch\u003CT extends ReturnType\u003CTRPCQueryOptions\u003Cany>>>(\n queryOptions: T,\n) {\n const queryClient = getQueryClient();\n if (queryOptions.queryKey[1]?.type === 'infinite') {\n void queryClient.prefetchInfiniteQuery(queryOptions as any);\n } else {\n void queryClient.prefetchQuery(queryOptions);\n }\n}\n","title=\"trpc\u002Fserver.tsx\"",[3227],{"type":61,"tag":114,"props":3228,"children":3229},{"__ignoreMap":116},[3230,3254,3303,3343,3387,3427,3467,3507,3546,3585,3592,3625,3632,3664,3688,3704,3733,3748,3768,3788,3803,3810,3870,3897,3908,3943,3967,3982,3993,4000,4007,4065,4086,4097,4124,4198,4244,4260,4296,4303],{"type":61,"tag":69,"props":3231,"children":3232},{"class":143,"line":144},[3233,3237,3241,3246,3250],{"type":61,"tag":69,"props":3234,"children":3235},{"style":214},[3236],{"type":66,"value":217},{"type":61,"tag":69,"props":3238,"children":3239},{"style":220},[3240],{"type":66,"value":244},{"type":61,"tag":69,"props":3242,"children":3243},{"style":154},[3244],{"type":66,"value":3245},"server-only",{"type":61,"tag":69,"props":3247,"children":3248},{"style":220},[3249],{"type":66,"value":254},{"type":61,"tag":69,"props":3251,"children":3252},{"style":220},[3253],{"type":66,"value":259},{"type":61,"tag":69,"props":3255,"children":3256},{"class":143,"line":262},[3257,3261,3265,3270,3274,3279,3283,3287,3291,3295,3299],{"type":61,"tag":69,"props":3258,"children":3259},{"style":214},[3260],{"type":66,"value":217},{"type":61,"tag":69,"props":3262,"children":3263},{"style":220},[3264],{"type":66,"value":223},{"type":61,"tag":69,"props":3266,"children":3267},{"style":226},[3268],{"type":66,"value":3269}," dehydrate",{"type":61,"tag":69,"props":3271,"children":3272},{"style":220},[3273],{"type":66,"value":705},{"type":61,"tag":69,"props":3275,"children":3276},{"style":226},[3277],{"type":66,"value":3278}," HydrationBoundary",{"type":61,"tag":69,"props":3280,"children":3281},{"style":220},[3282],{"type":66,"value":234},{"type":61,"tag":69,"props":3284,"children":3285},{"style":214},[3286],{"type":66,"value":239},{"type":61,"tag":69,"props":3288,"children":3289},{"style":220},[3290],{"type":66,"value":244},{"type":61,"tag":69,"props":3292,"children":3293},{"style":154},[3294],{"type":66,"value":1501},{"type":61,"tag":69,"props":3296,"children":3297},{"style":220},[3298],{"type":66,"value":254},{"type":61,"tag":69,"props":3300,"children":3301},{"style":220},[3302],{"type":66,"value":259},{"type":61,"tag":69,"props":3304,"children":3305},{"class":143,"line":272},[3306,3310,3314,3319,3323,3327,3331,3335,3339],{"type":61,"tag":69,"props":3307,"children":3308},{"style":214},[3309],{"type":66,"value":217},{"type":61,"tag":69,"props":3311,"children":3312},{"style":220},[3313],{"type":66,"value":223},{"type":61,"tag":69,"props":3315,"children":3316},{"style":226},[3317],{"type":66,"value":3318}," createTRPCOptionsProxy",{"type":61,"tag":69,"props":3320,"children":3321},{"style":220},[3322],{"type":66,"value":234},{"type":61,"tag":69,"props":3324,"children":3325},{"style":214},[3326],{"type":66,"value":239},{"type":61,"tag":69,"props":3328,"children":3329},{"style":220},[3330],{"type":66,"value":244},{"type":61,"tag":69,"props":3332,"children":3333},{"style":154},[3334],{"type":66,"value":2029},{"type":61,"tag":69,"props":3336,"children":3337},{"style":220},[3338],{"type":66,"value":254},{"type":61,"tag":69,"props":3340,"children":3341},{"style":220},[3342],{"type":66,"value":259},{"type":61,"tag":69,"props":3344,"children":3345},{"class":143,"line":352},[3346,3350,3354,3358,3363,3367,3371,3375,3379,3383],{"type":61,"tag":69,"props":3347,"children":3348},{"style":214},[3349],{"type":66,"value":217},{"type":61,"tag":69,"props":3351,"children":3352},{"style":214},[3353],{"type":66,"value":1009},{"type":61,"tag":69,"props":3355,"children":3356},{"style":220},[3357],{"type":66,"value":223},{"type":61,"tag":69,"props":3359,"children":3360},{"style":226},[3361],{"type":66,"value":3362}," TRPCQueryOptions",{"type":61,"tag":69,"props":3364,"children":3365},{"style":220},[3366],{"type":66,"value":234},{"type":61,"tag":69,"props":3368,"children":3369},{"style":214},[3370],{"type":66,"value":239},{"type":61,"tag":69,"props":3372,"children":3373},{"style":220},[3374],{"type":66,"value":244},{"type":61,"tag":69,"props":3376,"children":3377},{"style":154},[3378],{"type":66,"value":2029},{"type":61,"tag":69,"props":3380,"children":3381},{"style":220},[3382],{"type":66,"value":254},{"type":61,"tag":69,"props":3384,"children":3385},{"style":220},[3386],{"type":66,"value":259},{"type":61,"tag":69,"props":3388,"children":3389},{"class":143,"line":392},[3390,3394,3398,3402,3406,3410,3414,3419,3423],{"type":61,"tag":69,"props":3391,"children":3392},{"style":214},[3393],{"type":66,"value":217},{"type":61,"tag":69,"props":3395,"children":3396},{"style":220},[3397],{"type":66,"value":223},{"type":61,"tag":69,"props":3399,"children":3400},{"style":226},[3401],{"type":66,"value":325},{"type":61,"tag":69,"props":3403,"children":3404},{"style":220},[3405],{"type":66,"value":234},{"type":61,"tag":69,"props":3407,"children":3408},{"style":214},[3409],{"type":66,"value":239},{"type":61,"tag":69,"props":3411,"children":3412},{"style":220},[3413],{"type":66,"value":244},{"type":61,"tag":69,"props":3415,"children":3416},{"style":154},[3417],{"type":66,"value":3418},"next\u002Fheaders",{"type":61,"tag":69,"props":3420,"children":3421},{"style":220},[3422],{"type":66,"value":254},{"type":61,"tag":69,"props":3424,"children":3425},{"style":220},[3426],{"type":66,"value":259},{"type":61,"tag":69,"props":3428,"children":3429},{"class":143,"line":401},[3430,3434,3438,3443,3447,3451,3455,3459,3463],{"type":61,"tag":69,"props":3431,"children":3432},{"style":214},[3433],{"type":66,"value":217},{"type":61,"tag":69,"props":3435,"children":3436},{"style":220},[3437],{"type":66,"value":223},{"type":61,"tag":69,"props":3439,"children":3440},{"style":226},[3441],{"type":66,"value":3442}," cache",{"type":61,"tag":69,"props":3444,"children":3445},{"style":220},[3446],{"type":66,"value":234},{"type":61,"tag":69,"props":3448,"children":3449},{"style":214},[3450],{"type":66,"value":239},{"type":61,"tag":69,"props":3452,"children":3453},{"style":220},[3454],{"type":66,"value":244},{"type":61,"tag":69,"props":3456,"children":3457},{"style":154},[3458],{"type":66,"value":36},{"type":61,"tag":69,"props":3460,"children":3461},{"style":220},[3462],{"type":66,"value":254},{"type":61,"tag":69,"props":3464,"children":3465},{"style":220},[3466],{"type":66,"value":259},{"type":61,"tag":69,"props":3468,"children":3469},{"class":143,"line":409},[3470,3474,3478,3482,3486,3490,3494,3499,3503],{"type":61,"tag":69,"props":3471,"children":3472},{"style":214},[3473],{"type":66,"value":217},{"type":61,"tag":69,"props":3475,"children":3476},{"style":220},[3477],{"type":66,"value":223},{"type":61,"tag":69,"props":3479,"children":3480},{"style":226},[3481],{"type":66,"value":473},{"type":61,"tag":69,"props":3483,"children":3484},{"style":220},[3485],{"type":66,"value":234},{"type":61,"tag":69,"props":3487,"children":3488},{"style":214},[3489],{"type":66,"value":239},{"type":61,"tag":69,"props":3491,"children":3492},{"style":220},[3493],{"type":66,"value":244},{"type":61,"tag":69,"props":3495,"children":3496},{"style":154},[3497],{"type":66,"value":3498},".\u002Finit",{"type":61,"tag":69,"props":3500,"children":3501},{"style":220},[3502],{"type":66,"value":254},{"type":61,"tag":69,"props":3504,"children":3505},{"style":220},[3506],{"type":66,"value":259},{"type":61,"tag":69,"props":3508,"children":3509},{"class":143,"line":432},[3510,3514,3518,3522,3526,3530,3534,3538,3542],{"type":61,"tag":69,"props":3511,"children":3512},{"style":214},[3513],{"type":66,"value":217},{"type":61,"tag":69,"props":3515,"children":3516},{"style":220},[3517],{"type":66,"value":223},{"type":61,"tag":69,"props":3519,"children":3520},{"style":226},[3521],{"type":66,"value":1533},{"type":61,"tag":69,"props":3523,"children":3524},{"style":220},[3525],{"type":66,"value":234},{"type":61,"tag":69,"props":3527,"children":3528},{"style":214},[3529],{"type":66,"value":239},{"type":61,"tag":69,"props":3531,"children":3532},{"style":220},[3533],{"type":66,"value":244},{"type":61,"tag":69,"props":3535,"children":3536},{"style":154},[3537],{"type":66,"value":2109},{"type":61,"tag":69,"props":3539,"children":3540},{"style":220},[3541],{"type":66,"value":254},{"type":61,"tag":69,"props":3543,"children":3544},{"style":220},[3545],{"type":66,"value":259},{"type":61,"tag":69,"props":3547,"children":3548},{"class":143,"line":486},[3549,3553,3557,3561,3565,3569,3573,3577,3581],{"type":61,"tag":69,"props":3550,"children":3551},{"style":214},[3552],{"type":66,"value":217},{"type":61,"tag":69,"props":3554,"children":3555},{"style":220},[3556],{"type":66,"value":223},{"type":61,"tag":69,"props":3558,"children":3559},{"style":226},[3560],{"type":66,"value":1029},{"type":61,"tag":69,"props":3562,"children":3563},{"style":220},[3564],{"type":66,"value":234},{"type":61,"tag":69,"props":3566,"children":3567},{"style":214},[3568],{"type":66,"value":239},{"type":61,"tag":69,"props":3570,"children":3571},{"style":220},[3572],{"type":66,"value":244},{"type":61,"tag":69,"props":3574,"children":3575},{"style":154},[3576],{"type":66,"value":2153},{"type":61,"tag":69,"props":3578,"children":3579},{"style":220},[3580],{"type":66,"value":254},{"type":61,"tag":69,"props":3582,"children":3583},{"style":220},[3584],{"type":66,"value":259},{"type":61,"tag":69,"props":3586,"children":3587},{"class":143,"line":508},[3588],{"type":61,"tag":69,"props":3589,"children":3590},{"emptyLinePlaceholder":266},[3591],{"type":66,"value":269},{"type":61,"tag":69,"props":3593,"children":3594},{"class":143,"line":516},[3595,3599,3603,3608,3612,3616,3621],{"type":61,"tag":69,"props":3596,"children":3597},{"style":214},[3598],{"type":66,"value":278},{"type":61,"tag":69,"props":3600,"children":3601},{"style":281},[3602],{"type":66,"value":284},{"type":61,"tag":69,"props":3604,"children":3605},{"style":226},[3606],{"type":66,"value":3607}," getQueryClient ",{"type":61,"tag":69,"props":3609,"children":3610},{"style":220},[3611],{"type":66,"value":294},{"type":61,"tag":69,"props":3613,"children":3614},{"style":441},[3615],{"type":66,"value":3442},{"type":61,"tag":69,"props":3617,"children":3618},{"style":226},[3619],{"type":66,"value":3620},"(makeQueryClient)",{"type":61,"tag":69,"props":3622,"children":3623},{"style":220},[3624],{"type":66,"value":259},{"type":61,"tag":69,"props":3626,"children":3627},{"class":143,"line":556},[3628],{"type":61,"tag":69,"props":3629,"children":3630},{"emptyLinePlaceholder":266},[3631],{"type":66,"value":269},{"type":61,"tag":69,"props":3633,"children":3634},{"class":143,"line":594},[3635,3639,3643,3648,3652,3656,3660],{"type":61,"tag":69,"props":3636,"children":3637},{"style":214},[3638],{"type":66,"value":278},{"type":61,"tag":69,"props":3640,"children":3641},{"style":281},[3642],{"type":66,"value":284},{"type":61,"tag":69,"props":3644,"children":3645},{"style":226},[3646],{"type":66,"value":3647}," trpc ",{"type":61,"tag":69,"props":3649,"children":3650},{"style":220},[3651],{"type":66,"value":294},{"type":61,"tag":69,"props":3653,"children":3654},{"style":441},[3655],{"type":66,"value":3318},{"type":61,"tag":69,"props":3657,"children":3658},{"style":226},[3659],{"type":66,"value":771},{"type":61,"tag":69,"props":3661,"children":3662},{"style":220},[3663],{"type":66,"value":776},{"type":61,"tag":69,"props":3665,"children":3666},{"class":143,"line":1685},[3667,3672,3676,3680,3684],{"type":61,"tag":69,"props":3668,"children":3669},{"style":441},[3670],{"type":66,"value":3671}," ctx",{"type":61,"tag":69,"props":3673,"children":3674},{"style":220},[3675],{"type":66,"value":315},{"type":61,"tag":69,"props":3677,"children":3678},{"style":281},[3679],{"type":66,"value":299},{"type":61,"tag":69,"props":3681,"children":3682},{"style":220},[3683],{"type":66,"value":1312},{"type":61,"tag":69,"props":3685,"children":3686},{"style":281},[3687],{"type":66,"value":1218},{"type":61,"tag":69,"props":3689,"children":3690},{"class":143,"line":1712},[3691,3696,3700],{"type":61,"tag":69,"props":3692,"children":3693},{"style":441},[3694],{"type":66,"value":3695}," createTRPCContext",{"type":61,"tag":69,"props":3697,"children":3698},{"style":226},[3699],{"type":66,"value":771},{"type":61,"tag":69,"props":3701,"children":3702},{"style":220},[3703],{"type":66,"value":776},{"type":61,"tag":69,"props":3705,"children":3706},{"class":143,"line":1761},[3707,3712,3716,3721,3725,3729],{"type":61,"tag":69,"props":3708,"children":3709},{"style":322},[3710],{"type":66,"value":3711}," headers",{"type":61,"tag":69,"props":3713,"children":3714},{"style":220},[3715],{"type":66,"value":315},{"type":61,"tag":69,"props":3717,"children":3718},{"style":214},[3719],{"type":66,"value":3720}," await",{"type":61,"tag":69,"props":3722,"children":3723},{"style":441},[3724],{"type":66,"value":325},{"type":61,"tag":69,"props":3726,"children":3727},{"style":226},[3728],{"type":66,"value":501},{"type":61,"tag":69,"props":3730,"children":3731},{"style":220},[3732],{"type":66,"value":957},{"type":61,"tag":69,"props":3734,"children":3735},{"class":143,"line":1769},[3736,3740,3744],{"type":61,"tag":69,"props":3737,"children":3738},{"style":220},[3739],{"type":66,"value":965},{"type":61,"tag":69,"props":3741,"children":3742},{"style":226},[3743],{"type":66,"value":986},{"type":61,"tag":69,"props":3745,"children":3746},{"style":220},[3747],{"type":66,"value":957},{"type":61,"tag":69,"props":3749,"children":3750},{"class":143,"line":1778},[3751,3756,3760,3764],{"type":61,"tag":69,"props":3752,"children":3753},{"style":322},[3754],{"type":66,"value":3755}," router",{"type":61,"tag":69,"props":3757,"children":3758},{"style":220},[3759],{"type":66,"value":315},{"type":61,"tag":69,"props":3761,"children":3762},{"style":226},[3763],{"type":66,"value":1029},{"type":61,"tag":69,"props":3765,"children":3766},{"style":220},[3767],{"type":66,"value":957},{"type":61,"tag":69,"props":3769,"children":3770},{"class":143,"line":1794},[3771,3776,3780,3784],{"type":61,"tag":69,"props":3772,"children":3773},{"style":322},[3774],{"type":66,"value":3775}," queryClient",{"type":61,"tag":69,"props":3777,"children":3778},{"style":220},[3779],{"type":66,"value":315},{"type":61,"tag":69,"props":3781,"children":3782},{"style":226},[3783],{"type":66,"value":2290},{"type":61,"tag":69,"props":3785,"children":3786},{"style":220},[3787],{"type":66,"value":957},{"type":61,"tag":69,"props":3789,"children":3790},{"class":143,"line":2421},[3791,3795,3799],{"type":61,"tag":69,"props":3792,"children":3793},{"style":220},[3794],{"type":66,"value":861},{"type":61,"tag":69,"props":3796,"children":3797},{"style":226},[3798],{"type":66,"value":986},{"type":61,"tag":69,"props":3800,"children":3801},{"style":220},[3802],{"type":66,"value":259},{"type":61,"tag":69,"props":3804,"children":3805},{"class":143,"line":2437},[3806],{"type":61,"tag":69,"props":3807,"children":3808},{"emptyLinePlaceholder":266},[3809],{"type":66,"value":269},{"type":61,"tag":69,"props":3811,"children":3812},{"class":143,"line":2445},[3813,3817,3821,3826,3830,3834,3838,3842,3846,3850,3854,3858,3862,3866],{"type":61,"tag":69,"props":3814,"children":3815},{"style":214},[3816],{"type":66,"value":278},{"type":61,"tag":69,"props":3818,"children":3819},{"style":281},[3820],{"type":66,"value":1528},{"type":61,"tag":69,"props":3822,"children":3823},{"style":441},[3824],{"type":66,"value":3825}," HydrateClient",{"type":61,"tag":69,"props":3827,"children":3828},{"style":220},[3829],{"type":66,"value":771},{"type":61,"tag":69,"props":3831,"children":3832},{"style":307},[3833],{"type":66,"value":2764},{"type":61,"tag":69,"props":3835,"children":3836},{"style":220},[3837],{"type":66,"value":315},{"type":61,"tag":69,"props":3839,"children":3840},{"style":220},[3841],{"type":66,"value":223},{"type":61,"tag":69,"props":3843,"children":3844},{"style":322},[3845],{"type":66,"value":2777},{"type":61,"tag":69,"props":3847,"children":3848},{"style":220},[3849],{"type":66,"value":315},{"type":61,"tag":69,"props":3851,"children":3852},{"style":148},[3853],{"type":66,"value":2786},{"type":61,"tag":69,"props":3855,"children":3856},{"style":220},[3857],{"type":66,"value":544},{"type":61,"tag":69,"props":3859,"children":3860},{"style":148},[3861],{"type":66,"value":2795},{"type":61,"tag":69,"props":3863,"children":3864},{"style":220},[3865],{"type":66,"value":339},{"type":61,"tag":69,"props":3867,"children":3868},{"style":220},[3869],{"type":66,"value":349},{"type":61,"tag":69,"props":3871,"children":3872},{"class":143,"line":2453},[3873,3877,3881,3885,3889,3893],{"type":61,"tag":69,"props":3874,"children":3875},{"style":281},[3876],{"type":66,"value":2480},{"type":61,"tag":69,"props":3878,"children":3879},{"style":226},[3880],{"type":66,"value":2816},{"type":61,"tag":69,"props":3882,"children":3883},{"style":220},[3884],{"type":66,"value":1019},{"type":61,"tag":69,"props":3886,"children":3887},{"style":441},[3888],{"type":66,"value":2290},{"type":61,"tag":69,"props":3890,"children":3891},{"style":322},[3892],{"type":66,"value":501},{"type":61,"tag":69,"props":3894,"children":3895},{"style":220},[3896],{"type":66,"value":259},{"type":61,"tag":69,"props":3898,"children":3899},{"class":143,"line":2474},[3900,3904],{"type":61,"tag":69,"props":3901,"children":3902},{"style":214},[3903],{"type":66,"value":358},{"type":61,"tag":69,"props":3905,"children":3906},{"style":322},[3907],{"type":66,"value":3052},{"type":61,"tag":69,"props":3909,"children":3910},{"class":143,"line":2508},[3911,3915,3920,3925,3929,3934,3939],{"type":61,"tag":69,"props":3912,"children":3913},{"style":220},[3914],{"type":66,"value":3061},{"type":61,"tag":69,"props":3916,"children":3917},{"style":148},[3918],{"type":66,"value":3919},"HydrationBoundary",{"type":61,"tag":69,"props":3921,"children":3922},{"style":281},[3923],{"type":66,"value":3924}," state",{"type":61,"tag":69,"props":3926,"children":3927},{"style":220},[3928],{"type":66,"value":3076},{"type":61,"tag":69,"props":3930,"children":3931},{"style":441},[3932],{"type":66,"value":3933},"dehydrate",{"type":61,"tag":69,"props":3935,"children":3936},{"style":226},[3937],{"type":66,"value":3938},"(queryClient)",{"type":61,"tag":69,"props":3940,"children":3941},{"style":220},[3942],{"type":66,"value":3086},{"type":61,"tag":69,"props":3944,"children":3945},{"class":143,"line":2564},[3946,3951,3955,3959,3963],{"type":61,"tag":69,"props":3947,"children":3948},{"style":220},[3949],{"type":66,"value":3950}," {",{"type":61,"tag":69,"props":3952,"children":3953},{"style":226},[3954],{"type":66,"value":2764},{"type":61,"tag":69,"props":3956,"children":3957},{"style":220},[3958],{"type":66,"value":544},{"type":61,"tag":69,"props":3960,"children":3961},{"style":226},[3962],{"type":66,"value":3156},{"type":61,"tag":69,"props":3964,"children":3965},{"style":220},[3966],{"type":66,"value":1800},{"type":61,"tag":69,"props":3968,"children":3969},{"class":143,"line":2648},[3970,3974,3978],{"type":61,"tag":69,"props":3971,"children":3972},{"style":220},[3973],{"type":66,"value":3187},{"type":61,"tag":69,"props":3975,"children":3976},{"style":148},[3977],{"type":66,"value":3919},{"type":61,"tag":69,"props":3979,"children":3980},{"style":220},[3981],{"type":66,"value":3178},{"type":61,"tag":69,"props":3983,"children":3984},{"class":143,"line":2673},[3985,3989],{"type":61,"tag":69,"props":3986,"children":3987},{"style":322},[3988],{"type":66,"value":3027},{"type":61,"tag":69,"props":3990,"children":3991},{"style":220},[3992],{"type":66,"value":259},{"type":61,"tag":69,"props":3994,"children":3995},{"class":143,"line":2690},[3996],{"type":61,"tag":69,"props":3997,"children":3998},{"style":220},[3999],{"type":66,"value":1800},{"type":61,"tag":69,"props":4001,"children":4002},{"class":143,"line":2725},[4003],{"type":61,"tag":69,"props":4004,"children":4005},{"emptyLinePlaceholder":266},[4006],{"type":66,"value":269},{"type":61,"tag":69,"props":4008,"children":4009},{"class":143,"line":2733},[4010,4014,4018,4023,4027,4032,4037,4042,4046,4051,4055,4060],{"type":61,"tag":69,"props":4011,"children":4012},{"style":214},[4013],{"type":66,"value":278},{"type":61,"tag":69,"props":4015,"children":4016},{"style":281},[4017],{"type":66,"value":1528},{"type":61,"tag":69,"props":4019,"children":4020},{"style":441},[4021],{"type":66,"value":4022}," prefetch",{"type":61,"tag":69,"props":4024,"children":4025},{"style":220},[4026],{"type":66,"value":449},{"type":61,"tag":69,"props":4028,"children":4029},{"style":148},[4030],{"type":66,"value":4031},"T",{"type":61,"tag":69,"props":4033,"children":4034},{"style":281},[4035],{"type":66,"value":4036}," extends",{"type":61,"tag":69,"props":4038,"children":4039},{"style":148},[4040],{"type":66,"value":4041}," ReturnType",{"type":61,"tag":69,"props":4043,"children":4044},{"style":220},[4045],{"type":66,"value":449},{"type":61,"tag":69,"props":4047,"children":4048},{"style":148},[4049],{"type":66,"value":4050},"TRPCQueryOptions",{"type":61,"tag":69,"props":4052,"children":4053},{"style":220},[4054],{"type":66,"value":449},{"type":61,"tag":69,"props":4056,"children":4057},{"style":148},[4058],{"type":66,"value":4059},"any",{"type":61,"tag":69,"props":4061,"children":4062},{"style":220},[4063],{"type":66,"value":4064},">>>(\n",{"type":61,"tag":69,"props":4066,"children":4067},{"class":143,"line":2741},[4068,4073,4077,4082],{"type":61,"tag":69,"props":4069,"children":4070},{"style":307},[4071],{"type":66,"value":4072}," queryOptions",{"type":61,"tag":69,"props":4074,"children":4075},{"style":220},[4076],{"type":66,"value":315},{"type":61,"tag":69,"props":4078,"children":4079},{"style":148},[4080],{"type":66,"value":4081}," T",{"type":61,"tag":69,"props":4083,"children":4084},{"style":220},[4085],{"type":66,"value":957},{"type":61,"tag":69,"props":4087,"children":4088},{"class":143,"line":2806},[4089,4093],{"type":61,"tag":69,"props":4090,"children":4091},{"style":220},[4092],{"type":66,"value":986},{"type":61,"tag":69,"props":4094,"children":4095},{"style":220},[4096],{"type":66,"value":349},{"type":61,"tag":69,"props":4098,"children":4099},{"class":143,"line":2835},[4100,4104,4108,4112,4116,4120],{"type":61,"tag":69,"props":4101,"children":4102},{"style":281},[4103],{"type":66,"value":2480},{"type":61,"tag":69,"props":4105,"children":4106},{"style":226},[4107],{"type":66,"value":2816},{"type":61,"tag":69,"props":4109,"children":4110},{"style":220},[4111],{"type":66,"value":1019},{"type":61,"tag":69,"props":4113,"children":4114},{"style":441},[4115],{"type":66,"value":2290},{"type":61,"tag":69,"props":4117,"children":4118},{"style":322},[4119],{"type":66,"value":501},{"type":61,"tag":69,"props":4121,"children":4122},{"style":220},[4123],{"type":66,"value":259},{"type":61,"tag":69,"props":4125,"children":4126},{"class":143,"line":2843},[4127,4131,4135,4140,4144,4149,4154,4159,4163,4168,4173,4177,4181,4186,4190,4194],{"type":61,"tag":69,"props":4128,"children":4129},{"style":214},[4130],{"type":66,"value":2306},{"type":61,"tag":69,"props":4132,"children":4133},{"style":322},[4134],{"type":66,"value":304},{"type":61,"tag":69,"props":4136,"children":4137},{"style":226},[4138],{"type":66,"value":4139},"queryOptions",{"type":61,"tag":69,"props":4141,"children":4142},{"style":220},[4143],{"type":66,"value":544},{"type":61,"tag":69,"props":4145,"children":4146},{"style":226},[4147],{"type":66,"value":4148},"queryKey",{"type":61,"tag":69,"props":4150,"children":4151},{"style":322},[4152],{"type":66,"value":4153},"[",{"type":61,"tag":69,"props":4155,"children":4156},{"style":1613},[4157],{"type":66,"value":4158},"1",{"type":61,"tag":69,"props":4160,"children":4161},{"style":322},[4162],{"type":66,"value":2863},{"type":61,"tag":69,"props":4164,"children":4165},{"style":220},[4166],{"type":66,"value":4167},"?.",{"type":61,"tag":69,"props":4169,"children":4170},{"style":226},[4171],{"type":66,"value":4172},"type",{"type":61,"tag":69,"props":4174,"children":4175},{"style":220},[4176],{"type":66,"value":1741},{"type":61,"tag":69,"props":4178,"children":4179},{"style":220},[4180],{"type":66,"value":244},{"type":61,"tag":69,"props":4182,"children":4183},{"style":154},[4184],{"type":66,"value":4185},"infinite",{"type":61,"tag":69,"props":4187,"children":4188},{"style":220},[4189],{"type":66,"value":254},{"type":61,"tag":69,"props":4191,"children":4192},{"style":322},[4193],{"type":66,"value":1704},{"type":61,"tag":69,"props":4195,"children":4196},{"style":220},[4197],{"type":66,"value":776},{"type":61,"tag":69,"props":4199,"children":4200},{"class":143,"line":2886},[4201,4206,4210,4214,4219,4223,4227,4231,4236,4240],{"type":61,"tag":69,"props":4202,"children":4203},{"style":220},[4204],{"type":66,"value":4205}," void",{"type":61,"tag":69,"props":4207,"children":4208},{"style":226},[4209],{"type":66,"value":2816},{"type":61,"tag":69,"props":4211,"children":4212},{"style":220},[4213],{"type":66,"value":544},{"type":61,"tag":69,"props":4215,"children":4216},{"style":441},[4217],{"type":66,"value":4218},"prefetchInfiniteQuery",{"type":61,"tag":69,"props":4220,"children":4221},{"style":322},[4222],{"type":66,"value":771},{"type":61,"tag":69,"props":4224,"children":4225},{"style":226},[4226],{"type":66,"value":4139},{"type":61,"tag":69,"props":4228,"children":4229},{"style":214},[4230],{"type":66,"value":1406},{"type":61,"tag":69,"props":4232,"children":4233},{"style":148},[4234],{"type":66,"value":4235}," any",{"type":61,"tag":69,"props":4237,"children":4238},{"style":322},[4239],{"type":66,"value":986},{"type":61,"tag":69,"props":4241,"children":4242},{"style":220},[4243],{"type":66,"value":259},{"type":61,"tag":69,"props":4245,"children":4246},{"class":143,"line":2915},[4247,4251,4256],{"type":61,"tag":69,"props":4248,"children":4249},{"style":220},[4250],{"type":66,"value":1370},{"type":61,"tag":69,"props":4252,"children":4253},{"style":214},[4254],{"type":66,"value":4255}," else",{"type":61,"tag":69,"props":4257,"children":4258},{"style":220},[4259],{"type":66,"value":349},{"type":61,"tag":69,"props":4261,"children":4262},{"class":143,"line":2933},[4263,4267,4271,4275,4280,4284,4288,4292],{"type":61,"tag":69,"props":4264,"children":4265},{"style":220},[4266],{"type":66,"value":4205},{"type":61,"tag":69,"props":4268,"children":4269},{"style":226},[4270],{"type":66,"value":2816},{"type":61,"tag":69,"props":4272,"children":4273},{"style":220},[4274],{"type":66,"value":544},{"type":61,"tag":69,"props":4276,"children":4277},{"style":441},[4278],{"type":66,"value":4279},"prefetchQuery",{"type":61,"tag":69,"props":4281,"children":4282},{"style":322},[4283],{"type":66,"value":771},{"type":61,"tag":69,"props":4285,"children":4286},{"style":226},[4287],{"type":66,"value":4139},{"type":61,"tag":69,"props":4289,"children":4290},{"style":322},[4291],{"type":66,"value":986},{"type":61,"tag":69,"props":4293,"children":4294},{"style":220},[4295],{"type":66,"value":259},{"type":61,"tag":69,"props":4297,"children":4298},{"class":143,"line":2950},[4299],{"type":61,"tag":69,"props":4300,"children":4301},{"style":220},[4302],{"type":66,"value":2373},{"type":61,"tag":69,"props":4304,"children":4305},{"class":143,"line":2975},[4306],{"type":61,"tag":69,"props":4307,"children":4308},{"style":220},[4309],{"type":66,"value":1800},{"type":61,"tag":126,"props":4311,"children":4313},{"id":4312},"_8-mount-provider-in-layout",[4314],{"type":66,"value":4315},"8. Mount provider in layout",{"type":61,"tag":107,"props":4317,"children":4320},{"className":1830,"code":4318,"language":1832,"meta":4319,"style":116},"import { TRPCReactProvider } from '..\u002Ftrpc\u002Fclient';\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode;\n}) {\n return (\n \u003Chtml lang=\"en\">\n \u003Cbody>\n \u003CTRPCReactProvider>{children}\u003C\u002FTRPCReactProvider>\n \u003C\u002Fbody>\n \u003C\u002Fhtml>\n );\n}\n","title=\"app\u002Flayout.tsx\"",[4321],{"type":61,"tag":114,"props":4322,"children":4323},{"__ignoreMap":116},[4324,4364,4371,4397,4409,4421,4448,4460,4471,4510,4526,4561,4576,4591,4602],{"type":61,"tag":69,"props":4325,"children":4326},{"class":143,"line":144},[4327,4331,4335,4339,4343,4347,4351,4356,4360],{"type":61,"tag":69,"props":4328,"children":4329},{"style":214},[4330],{"type":66,"value":217},{"type":61,"tag":69,"props":4332,"children":4333},{"style":220},[4334],{"type":66,"value":223},{"type":61,"tag":69,"props":4336,"children":4337},{"style":226},[4338],{"type":66,"value":2755},{"type":61,"tag":69,"props":4340,"children":4341},{"style":220},[4342],{"type":66,"value":234},{"type":61,"tag":69,"props":4344,"children":4345},{"style":214},[4346],{"type":66,"value":239},{"type":61,"tag":69,"props":4348,"children":4349},{"style":220},[4350],{"type":66,"value":244},{"type":61,"tag":69,"props":4352,"children":4353},{"style":154},[4354],{"type":66,"value":4355},"..\u002Ftrpc\u002Fclient",{"type":61,"tag":69,"props":4357,"children":4358},{"style":220},[4359],{"type":66,"value":254},{"type":61,"tag":69,"props":4361,"children":4362},{"style":220},[4363],{"type":66,"value":259},{"type":61,"tag":69,"props":4365,"children":4366},{"class":143,"line":262},[4367],{"type":61,"tag":69,"props":4368,"children":4369},{"emptyLinePlaceholder":266},[4370],{"type":66,"value":269},{"type":61,"tag":69,"props":4372,"children":4373},{"class":143,"line":272},[4374,4378,4383,4387,4392],{"type":61,"tag":69,"props":4375,"children":4376},{"style":214},[4377],{"type":66,"value":278},{"type":61,"tag":69,"props":4379,"children":4380},{"style":214},[4381],{"type":66,"value":4382}," default",{"type":61,"tag":69,"props":4384,"children":4385},{"style":281},[4386],{"type":66,"value":1528},{"type":61,"tag":69,"props":4388,"children":4389},{"style":441},[4390],{"type":66,"value":4391}," RootLayout",{"type":61,"tag":69,"props":4393,"children":4394},{"style":220},[4395],{"type":66,"value":4396},"({\n",{"type":61,"tag":69,"props":4398,"children":4399},{"class":143,"line":352},[4400,4405],{"type":61,"tag":69,"props":4401,"children":4402},{"style":307},[4403],{"type":66,"value":4404}," children",{"type":61,"tag":69,"props":4406,"children":4407},{"style":220},[4408],{"type":66,"value":957},{"type":61,"tag":69,"props":4410,"children":4411},{"class":143,"line":392},[4412,4417],{"type":61,"tag":69,"props":4413,"children":4414},{"style":220},[4415],{"type":66,"value":4416},"}:",{"type":61,"tag":69,"props":4418,"children":4419},{"style":220},[4420],{"type":66,"value":349},{"type":61,"tag":69,"props":4422,"children":4423},{"class":143,"line":401},[4424,4428,4432,4436,4440,4444],{"type":61,"tag":69,"props":4425,"children":4426},{"style":322},[4427],{"type":66,"value":4404},{"type":61,"tag":69,"props":4429,"children":4430},{"style":220},[4431],{"type":66,"value":315},{"type":61,"tag":69,"props":4433,"children":4434},{"style":148},[4435],{"type":66,"value":2786},{"type":61,"tag":69,"props":4437,"children":4438},{"style":220},[4439],{"type":66,"value":544},{"type":61,"tag":69,"props":4441,"children":4442},{"style":148},[4443],{"type":66,"value":2795},{"type":61,"tag":69,"props":4445,"children":4446},{"style":220},[4447],{"type":66,"value":259},{"type":61,"tag":69,"props":4449,"children":4450},{"class":143,"line":409},[4451,4456],{"type":61,"tag":69,"props":4452,"children":4453},{"style":220},[4454],{"type":66,"value":4455},"})",{"type":61,"tag":69,"props":4457,"children":4458},{"style":220},[4459],{"type":66,"value":349},{"type":61,"tag":69,"props":4461,"children":4462},{"class":143,"line":432},[4463,4467],{"type":61,"tag":69,"props":4464,"children":4465},{"style":214},[4466],{"type":66,"value":358},{"type":61,"tag":69,"props":4468,"children":4469},{"style":322},[4470],{"type":66,"value":3052},{"type":61,"tag":69,"props":4472,"children":4473},{"class":143,"line":486},[4474,4478,4483,4488,4492,4497,4502,4506],{"type":61,"tag":69,"props":4475,"children":4476},{"style":220},[4477],{"type":66,"value":3061},{"type":61,"tag":69,"props":4479,"children":4480},{"style":322},[4481],{"type":66,"value":4482},"html",{"type":61,"tag":69,"props":4484,"children":4485},{"style":281},[4486],{"type":66,"value":4487}," lang",{"type":61,"tag":69,"props":4489,"children":4490},{"style":220},[4491],{"type":66,"value":294},{"type":61,"tag":69,"props":4493,"children":4494},{"style":220},[4495],{"type":66,"value":4496},"\"",{"type":61,"tag":69,"props":4498,"children":4499},{"style":154},[4500],{"type":66,"value":4501},"en",{"type":61,"tag":69,"props":4503,"children":4504},{"style":220},[4505],{"type":66,"value":4496},{"type":61,"tag":69,"props":4507,"children":4508},{"style":220},[4509],{"type":66,"value":3178},{"type":61,"tag":69,"props":4511,"children":4512},{"class":143,"line":508},[4513,4517,4522],{"type":61,"tag":69,"props":4514,"children":4515},{"style":220},[4516],{"type":66,"value":3095},{"type":61,"tag":69,"props":4518,"children":4519},{"style":322},[4520],{"type":66,"value":4521},"body",{"type":61,"tag":69,"props":4523,"children":4524},{"style":220},[4525],{"type":66,"value":3178},{"type":61,"tag":69,"props":4527,"children":4528},{"class":143,"line":516},[4529,4534,4539,4544,4548,4553,4557],{"type":61,"tag":69,"props":4530,"children":4531},{"style":220},[4532],{"type":66,"value":4533}," \u003C",{"type":61,"tag":69,"props":4535,"children":4536},{"style":148},[4537],{"type":66,"value":4538},"TRPCReactProvider",{"type":61,"tag":69,"props":4540,"children":4541},{"style":220},[4542],{"type":66,"value":4543},">{",{"type":61,"tag":69,"props":4545,"children":4546},{"style":226},[4547],{"type":66,"value":3156},{"type":61,"tag":69,"props":4549,"children":4550},{"style":220},[4551],{"type":66,"value":4552},"}\u003C\u002F",{"type":61,"tag":69,"props":4554,"children":4555},{"style":148},[4556],{"type":66,"value":4538},{"type":61,"tag":69,"props":4558,"children":4559},{"style":220},[4560],{"type":66,"value":3178},{"type":61,"tag":69,"props":4562,"children":4563},{"class":143,"line":556},[4564,4568,4572],{"type":61,"tag":69,"props":4565,"children":4566},{"style":220},[4567],{"type":66,"value":3169},{"type":61,"tag":69,"props":4569,"children":4570},{"style":322},[4571],{"type":66,"value":4521},{"type":61,"tag":69,"props":4573,"children":4574},{"style":220},[4575],{"type":66,"value":3178},{"type":61,"tag":69,"props":4577,"children":4578},{"class":143,"line":594},[4579,4583,4587],{"type":61,"tag":69,"props":4580,"children":4581},{"style":220},[4582],{"type":66,"value":3187},{"type":61,"tag":69,"props":4584,"children":4585},{"style":322},[4586],{"type":66,"value":4482},{"type":61,"tag":69,"props":4588,"children":4589},{"style":220},[4590],{"type":66,"value":3178},{"type":61,"tag":69,"props":4592,"children":4593},{"class":143,"line":1685},[4594,4598],{"type":61,"tag":69,"props":4595,"children":4596},{"style":322},[4597],{"type":66,"value":3027},{"type":61,"tag":69,"props":4599,"children":4600},{"style":220},[4601],{"type":66,"value":259},{"type":61,"tag":69,"props":4603,"children":4604},{"class":143,"line":1712},[4605],{"type":61,"tag":69,"props":4606,"children":4607},{"style":220},[4608],{"type":66,"value":1800},{"type":61,"tag":100,"props":4610,"children":4612},{"id":4611},"core-patterns",[4613],{"type":66,"value":4614},"Core Patterns",{"type":61,"tag":126,"props":4616,"children":4618},{"id":4617},"prefetch-in-server-component-consume-in-client-component",[4619],{"type":66,"value":4620},"Prefetch in server component, consume in client component",{"type":61,"tag":107,"props":4622,"children":4625},{"className":1830,"code":4623,"language":1832,"meta":4624,"style":116},"import { HydrateClient, prefetch, trpc } from '..\u002Ftrpc\u002Fserver';\nimport { ClientGreeting } from '.\u002Fclient-greeting';\n\nexport default async function Home() {\n prefetch(trpc.hello.queryOptions({ text: 'world' }));\n\n return (\n \u003CHydrateClient>\n \u003CClientGreeting \u002F>\n \u003C\u002FHydrateClient>\n );\n}\n","title=\"app\u002Fpage.tsx\"",[4626],{"type":61,"tag":114,"props":4627,"children":4628},{"__ignoreMap":116},[4629,4686,4727,4734,4766,4840,4847,4858,4874,4891,4906,4917],{"type":61,"tag":69,"props":4630,"children":4631},{"class":143,"line":144},[4632,4636,4640,4644,4648,4652,4656,4661,4665,4669,4673,4678,4682],{"type":61,"tag":69,"props":4633,"children":4634},{"style":214},[4635],{"type":66,"value":217},{"type":61,"tag":69,"props":4637,"children":4638},{"style":220},[4639],{"type":66,"value":223},{"type":61,"tag":69,"props":4641,"children":4642},{"style":226},[4643],{"type":66,"value":3825},{"type":61,"tag":69,"props":4645,"children":4646},{"style":220},[4647],{"type":66,"value":705},{"type":61,"tag":69,"props":4649,"children":4650},{"style":226},[4651],{"type":66,"value":4022},{"type":61,"tag":69,"props":4653,"children":4654},{"style":220},[4655],{"type":66,"value":705},{"type":61,"tag":69,"props":4657,"children":4658},{"style":226},[4659],{"type":66,"value":4660}," trpc",{"type":61,"tag":69,"props":4662,"children":4663},{"style":220},[4664],{"type":66,"value":234},{"type":61,"tag":69,"props":4666,"children":4667},{"style":214},[4668],{"type":66,"value":239},{"type":61,"tag":69,"props":4670,"children":4671},{"style":220},[4672],{"type":66,"value":244},{"type":61,"tag":69,"props":4674,"children":4675},{"style":154},[4676],{"type":66,"value":4677},"..\u002Ftrpc\u002Fserver",{"type":61,"tag":69,"props":4679,"children":4680},{"style":220},[4681],{"type":66,"value":254},{"type":61,"tag":69,"props":4683,"children":4684},{"style":220},[4685],{"type":66,"value":259},{"type":61,"tag":69,"props":4687,"children":4688},{"class":143,"line":262},[4689,4693,4697,4702,4706,4710,4714,4719,4723],{"type":61,"tag":69,"props":4690,"children":4691},{"style":214},[4692],{"type":66,"value":217},{"type":61,"tag":69,"props":4694,"children":4695},{"style":220},[4696],{"type":66,"value":223},{"type":61,"tag":69,"props":4698,"children":4699},{"style":226},[4700],{"type":66,"value":4701}," ClientGreeting",{"type":61,"tag":69,"props":4703,"children":4704},{"style":220},[4705],{"type":66,"value":234},{"type":61,"tag":69,"props":4707,"children":4708},{"style":214},[4709],{"type":66,"value":239},{"type":61,"tag":69,"props":4711,"children":4712},{"style":220},[4713],{"type":66,"value":244},{"type":61,"tag":69,"props":4715,"children":4716},{"style":154},[4717],{"type":66,"value":4718},".\u002Fclient-greeting",{"type":61,"tag":69,"props":4720,"children":4721},{"style":220},[4722],{"type":66,"value":254},{"type":61,"tag":69,"props":4724,"children":4725},{"style":220},[4726],{"type":66,"value":259},{"type":61,"tag":69,"props":4728,"children":4729},{"class":143,"line":272},[4730],{"type":61,"tag":69,"props":4731,"children":4732},{"emptyLinePlaceholder":266},[4733],{"type":66,"value":269},{"type":61,"tag":69,"props":4735,"children":4736},{"class":143,"line":352},[4737,4741,4745,4749,4753,4758,4762],{"type":61,"tag":69,"props":4738,"children":4739},{"style":214},[4740],{"type":66,"value":278},{"type":61,"tag":69,"props":4742,"children":4743},{"style":214},[4744],{"type":66,"value":4382},{"type":61,"tag":69,"props":4746,"children":4747},{"style":281},[4748],{"type":66,"value":299},{"type":61,"tag":69,"props":4750,"children":4751},{"style":281},[4752],{"type":66,"value":1528},{"type":61,"tag":69,"props":4754,"children":4755},{"style":441},[4756],{"type":66,"value":4757}," Home",{"type":61,"tag":69,"props":4759,"children":4760},{"style":220},[4761],{"type":66,"value":501},{"type":61,"tag":69,"props":4763,"children":4764},{"style":220},[4765],{"type":66,"value":349},{"type":61,"tag":69,"props":4767,"children":4768},{"class":143,"line":392},[4769,4774,4778,4782,4786,4791,4795,4799,4803,4807,4811,4815,4819,4824,4828,4832,4836],{"type":61,"tag":69,"props":4770,"children":4771},{"style":441},[4772],{"type":66,"value":4773}," prefetch",{"type":61,"tag":69,"props":4775,"children":4776},{"style":322},[4777],{"type":66,"value":771},{"type":61,"tag":69,"props":4779,"children":4780},{"style":226},[4781],{"type":66,"value":8},{"type":61,"tag":69,"props":4783,"children":4784},{"style":220},[4785],{"type":66,"value":544},{"type":61,"tag":69,"props":4787,"children":4788},{"style":226},[4789],{"type":66,"value":4790},"hello",{"type":61,"tag":69,"props":4792,"children":4793},{"style":220},[4794],{"type":66,"value":544},{"type":61,"tag":69,"props":4796,"children":4797},{"style":441},[4798],{"type":66,"value":4139},{"type":61,"tag":69,"props":4800,"children":4801},{"style":322},[4802],{"type":66,"value":771},{"type":61,"tag":69,"props":4804,"children":4805},{"style":220},[4806],{"type":66,"value":829},{"type":61,"tag":69,"props":4808,"children":4809},{"style":322},[4810],{"type":66,"value":834},{"type":61,"tag":69,"props":4812,"children":4813},{"style":220},[4814],{"type":66,"value":315},{"type":61,"tag":69,"props":4816,"children":4817},{"style":220},[4818],{"type":66,"value":244},{"type":61,"tag":69,"props":4820,"children":4821},{"style":154},[4822],{"type":66,"value":4823},"world",{"type":61,"tag":69,"props":4825,"children":4826},{"style":220},[4827],{"type":66,"value":254},{"type":61,"tag":69,"props":4829,"children":4830},{"style":220},[4831],{"type":66,"value":234},{"type":61,"tag":69,"props":4833,"children":4834},{"style":322},[4835],{"type":66,"value":970},{"type":61,"tag":69,"props":4837,"children":4838},{"style":220},[4839],{"type":66,"value":259},{"type":61,"tag":69,"props":4841,"children":4842},{"class":143,"line":401},[4843],{"type":61,"tag":69,"props":4844,"children":4845},{"emptyLinePlaceholder":266},[4846],{"type":66,"value":269},{"type":61,"tag":69,"props":4848,"children":4849},{"class":143,"line":409},[4850,4854],{"type":61,"tag":69,"props":4851,"children":4852},{"style":214},[4853],{"type":66,"value":358},{"type":61,"tag":69,"props":4855,"children":4856},{"style":322},[4857],{"type":66,"value":3052},{"type":61,"tag":69,"props":4859,"children":4860},{"class":143,"line":432},[4861,4865,4870],{"type":61,"tag":69,"props":4862,"children":4863},{"style":220},[4864],{"type":66,"value":3061},{"type":61,"tag":69,"props":4866,"children":4867},{"style":148},[4868],{"type":66,"value":4869},"HydrateClient",{"type":61,"tag":69,"props":4871,"children":4872},{"style":220},[4873],{"type":66,"value":3178},{"type":61,"tag":69,"props":4875,"children":4876},{"class":143,"line":486},[4877,4881,4886],{"type":61,"tag":69,"props":4878,"children":4879},{"style":220},[4880],{"type":66,"value":3095},{"type":61,"tag":69,"props":4882,"children":4883},{"style":148},[4884],{"type":66,"value":4885},"ClientGreeting",{"type":61,"tag":69,"props":4887,"children":4888},{"style":220},[4889],{"type":66,"value":4890}," \u002F>\n",{"type":61,"tag":69,"props":4892,"children":4893},{"class":143,"line":508},[4894,4898,4902],{"type":61,"tag":69,"props":4895,"children":4896},{"style":220},[4897],{"type":66,"value":3187},{"type":61,"tag":69,"props":4899,"children":4900},{"style":148},[4901],{"type":66,"value":4869},{"type":61,"tag":69,"props":4903,"children":4904},{"style":220},[4905],{"type":66,"value":3178},{"type":61,"tag":69,"props":4907,"children":4908},{"class":143,"line":516},[4909,4913],{"type":61,"tag":69,"props":4910,"children":4911},{"style":322},[4912],{"type":66,"value":3027},{"type":61,"tag":69,"props":4914,"children":4915},{"style":220},[4916],{"type":66,"value":259},{"type":61,"tag":69,"props":4918,"children":4919},{"class":143,"line":556},[4920],{"type":61,"tag":69,"props":4921,"children":4922},{"style":220},[4923],{"type":66,"value":1800},{"type":61,"tag":107,"props":4925,"children":4928},{"className":1830,"code":4926,"language":1832,"meta":4927,"style":116},"'use client';\n\nimport { useQuery } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Ftrpc\u002Fclient';\n\nexport function ClientGreeting() {\n const trpc = useTRPC();\n const greeting = useQuery(trpc.hello.queryOptions({ text: 'world' }));\n if (!greeting.data) return \u003Cdiv>Loading...\u003C\u002Fdiv>;\n return \u003Cdiv>{greeting.data.greeting}\u003C\u002Fdiv>;\n}\n","title=\"app\u002Fclient-greeting.tsx\"",[4929],{"type":61,"tag":114,"props":4930,"children":4931},{"__ignoreMap":116},[4932,4951,4958,4998,5037,5044,5067,5094,5178,5248,5299],{"type":61,"tag":69,"props":4933,"children":4934},{"class":143,"line":144},[4935,4939,4943,4947],{"type":61,"tag":69,"props":4936,"children":4937},{"style":220},[4938],{"type":66,"value":254},{"type":61,"tag":69,"props":4940,"children":4941},{"style":154},[4942],{"type":66,"value":1849},{"type":61,"tag":69,"props":4944,"children":4945},{"style":220},[4946],{"type":66,"value":254},{"type":61,"tag":69,"props":4948,"children":4949},{"style":220},[4950],{"type":66,"value":259},{"type":61,"tag":69,"props":4952,"children":4953},{"class":143,"line":262},[4954],{"type":61,"tag":69,"props":4955,"children":4956},{"emptyLinePlaceholder":266},[4957],{"type":66,"value":269},{"type":61,"tag":69,"props":4959,"children":4960},{"class":143,"line":272},[4961,4965,4969,4974,4978,4982,4986,4990,4994],{"type":61,"tag":69,"props":4962,"children":4963},{"style":214},[4964],{"type":66,"value":217},{"type":61,"tag":69,"props":4966,"children":4967},{"style":220},[4968],{"type":66,"value":223},{"type":61,"tag":69,"props":4970,"children":4971},{"style":226},[4972],{"type":66,"value":4973}," useQuery",{"type":61,"tag":69,"props":4975,"children":4976},{"style":220},[4977],{"type":66,"value":234},{"type":61,"tag":69,"props":4979,"children":4980},{"style":214},[4981],{"type":66,"value":239},{"type":61,"tag":69,"props":4983,"children":4984},{"style":220},[4985],{"type":66,"value":244},{"type":61,"tag":69,"props":4987,"children":4988},{"style":154},[4989],{"type":66,"value":1501},{"type":61,"tag":69,"props":4991,"children":4992},{"style":220},[4993],{"type":66,"value":254},{"type":61,"tag":69,"props":4995,"children":4996},{"style":220},[4997],{"type":66,"value":259},{"type":61,"tag":69,"props":4999,"children":5000},{"class":143,"line":352},[5001,5005,5009,5013,5017,5021,5025,5029,5033],{"type":61,"tag":69,"props":5002,"children":5003},{"style":214},[5004],{"type":66,"value":217},{"type":61,"tag":69,"props":5006,"children":5007},{"style":220},[5008],{"type":66,"value":223},{"type":61,"tag":69,"props":5010,"children":5011},{"style":226},[5012],{"type":66,"value":2197},{"type":61,"tag":69,"props":5014,"children":5015},{"style":220},[5016],{"type":66,"value":234},{"type":61,"tag":69,"props":5018,"children":5019},{"style":214},[5020],{"type":66,"value":239},{"type":61,"tag":69,"props":5022,"children":5023},{"style":220},[5024],{"type":66,"value":244},{"type":61,"tag":69,"props":5026,"children":5027},{"style":154},[5028],{"type":66,"value":4355},{"type":61,"tag":69,"props":5030,"children":5031},{"style":220},[5032],{"type":66,"value":254},{"type":61,"tag":69,"props":5034,"children":5035},{"style":220},[5036],{"type":66,"value":259},{"type":61,"tag":69,"props":5038,"children":5039},{"class":143,"line":392},[5040],{"type":61,"tag":69,"props":5041,"children":5042},{"emptyLinePlaceholder":266},[5043],{"type":66,"value":269},{"type":61,"tag":69,"props":5045,"children":5046},{"class":143,"line":401},[5047,5051,5055,5059,5063],{"type":61,"tag":69,"props":5048,"children":5049},{"style":214},[5050],{"type":66,"value":278},{"type":61,"tag":69,"props":5052,"children":5053},{"style":281},[5054],{"type":66,"value":1528},{"type":61,"tag":69,"props":5056,"children":5057},{"style":441},[5058],{"type":66,"value":4701},{"type":61,"tag":69,"props":5060,"children":5061},{"style":220},[5062],{"type":66,"value":501},{"type":61,"tag":69,"props":5064,"children":5065},{"style":220},[5066],{"type":66,"value":349},{"type":61,"tag":69,"props":5068,"children":5069},{"class":143,"line":409},[5070,5074,5078,5082,5086,5090],{"type":61,"tag":69,"props":5071,"children":5072},{"style":281},[5073],{"type":66,"value":2480},{"type":61,"tag":69,"props":5075,"children":5076},{"style":226},[5077],{"type":66,"value":4660},{"type":61,"tag":69,"props":5079,"children":5080},{"style":220},[5081],{"type":66,"value":1019},{"type":61,"tag":69,"props":5083,"children":5084},{"style":441},[5085],{"type":66,"value":2197},{"type":61,"tag":69,"props":5087,"children":5088},{"style":322},[5089],{"type":66,"value":501},{"type":61,"tag":69,"props":5091,"children":5092},{"style":220},[5093],{"type":66,"value":259},{"type":61,"tag":69,"props":5095,"children":5096},{"class":143,"line":432},[5097,5101,5106,5110,5114,5118,5122,5126,5130,5134,5138,5142,5146,5150,5154,5158,5162,5166,5170,5174],{"type":61,"tag":69,"props":5098,"children":5099},{"style":281},[5100],{"type":66,"value":2480},{"type":61,"tag":69,"props":5102,"children":5103},{"style":226},[5104],{"type":66,"value":5105}," greeting",{"type":61,"tag":69,"props":5107,"children":5108},{"style":220},[5109],{"type":66,"value":1019},{"type":61,"tag":69,"props":5111,"children":5112},{"style":441},[5113],{"type":66,"value":4973},{"type":61,"tag":69,"props":5115,"children":5116},{"style":322},[5117],{"type":66,"value":771},{"type":61,"tag":69,"props":5119,"children":5120},{"style":226},[5121],{"type":66,"value":8},{"type":61,"tag":69,"props":5123,"children":5124},{"style":220},[5125],{"type":66,"value":544},{"type":61,"tag":69,"props":5127,"children":5128},{"style":226},[5129],{"type":66,"value":4790},{"type":61,"tag":69,"props":5131,"children":5132},{"style":220},[5133],{"type":66,"value":544},{"type":61,"tag":69,"props":5135,"children":5136},{"style":441},[5137],{"type":66,"value":4139},{"type":61,"tag":69,"props":5139,"children":5140},{"style":322},[5141],{"type":66,"value":771},{"type":61,"tag":69,"props":5143,"children":5144},{"style":220},[5145],{"type":66,"value":829},{"type":61,"tag":69,"props":5147,"children":5148},{"style":322},[5149],{"type":66,"value":834},{"type":61,"tag":69,"props":5151,"children":5152},{"style":220},[5153],{"type":66,"value":315},{"type":61,"tag":69,"props":5155,"children":5156},{"style":220},[5157],{"type":66,"value":244},{"type":61,"tag":69,"props":5159,"children":5160},{"style":154},[5161],{"type":66,"value":4823},{"type":61,"tag":69,"props":5163,"children":5164},{"style":220},[5165],{"type":66,"value":254},{"type":61,"tag":69,"props":5167,"children":5168},{"style":220},[5169],{"type":66,"value":234},{"type":61,"tag":69,"props":5171,"children":5172},{"style":322},[5173],{"type":66,"value":970},{"type":61,"tag":69,"props":5175,"children":5176},{"style":220},[5177],{"type":66,"value":259},{"type":61,"tag":69,"props":5179,"children":5180},{"class":143,"line":486},[5181,5185,5189,5193,5198,5202,5207,5211,5215,5220,5225,5229,5234,5239,5243],{"type":61,"tag":69,"props":5182,"children":5183},{"style":214},[5184],{"type":66,"value":2306},{"type":61,"tag":69,"props":5186,"children":5187},{"style":322},[5188],{"type":66,"value":304},{"type":61,"tag":69,"props":5190,"children":5191},{"style":220},[5192],{"type":66,"value":2389},{"type":61,"tag":69,"props":5194,"children":5195},{"style":226},[5196],{"type":66,"value":5197},"greeting",{"type":61,"tag":69,"props":5199,"children":5200},{"style":220},[5201],{"type":66,"value":544},{"type":61,"tag":69,"props":5203,"children":5204},{"style":226},[5205],{"type":66,"value":5206},"data",{"type":61,"tag":69,"props":5208,"children":5209},{"style":322},[5210],{"type":66,"value":1704},{"type":61,"tag":69,"props":5212,"children":5213},{"style":214},[5214],{"type":66,"value":2552},{"type":61,"tag":69,"props":5216,"children":5217},{"style":220},[5218],{"type":66,"value":5219}," \u003C",{"type":61,"tag":69,"props":5221,"children":5222},{"style":322},[5223],{"type":66,"value":5224},"div",{"type":61,"tag":69,"props":5226,"children":5227},{"style":220},[5228],{"type":66,"value":2237},{"type":61,"tag":69,"props":5230,"children":5231},{"style":226},[5232],{"type":66,"value":5233},"Loading...",{"type":61,"tag":69,"props":5235,"children":5236},{"style":220},[5237],{"type":66,"value":5238},"\u003C\u002F",{"type":61,"tag":69,"props":5240,"children":5241},{"style":322},[5242],{"type":66,"value":5224},{"type":61,"tag":69,"props":5244,"children":5245},{"style":220},[5246],{"type":66,"value":5247},">;\n",{"type":61,"tag":69,"props":5249,"children":5250},{"class":143,"line":508},[5251,5255,5259,5263,5267,5271,5275,5279,5283,5287,5291,5295],{"type":61,"tag":69,"props":5252,"children":5253},{"style":214},[5254],{"type":66,"value":358},{"type":61,"tag":69,"props":5256,"children":5257},{"style":220},[5258],{"type":66,"value":5219},{"type":61,"tag":69,"props":5260,"children":5261},{"style":322},[5262],{"type":66,"value":5224},{"type":61,"tag":69,"props":5264,"children":5265},{"style":220},[5266],{"type":66,"value":4543},{"type":61,"tag":69,"props":5268,"children":5269},{"style":226},[5270],{"type":66,"value":5197},{"type":61,"tag":69,"props":5272,"children":5273},{"style":220},[5274],{"type":66,"value":544},{"type":61,"tag":69,"props":5276,"children":5277},{"style":226},[5278],{"type":66,"value":5206},{"type":61,"tag":69,"props":5280,"children":5281},{"style":220},[5282],{"type":66,"value":544},{"type":61,"tag":69,"props":5284,"children":5285},{"style":226},[5286],{"type":66,"value":5197},{"type":61,"tag":69,"props":5288,"children":5289},{"style":220},[5290],{"type":66,"value":4552},{"type":61,"tag":69,"props":5292,"children":5293},{"style":322},[5294],{"type":66,"value":5224},{"type":61,"tag":69,"props":5296,"children":5297},{"style":220},[5298],{"type":66,"value":5247},{"type":61,"tag":69,"props":5300,"children":5301},{"class":143,"line":516},[5302],{"type":61,"tag":69,"props":5303,"children":5304},{"style":220},[5305],{"type":66,"value":1800},{"type":61,"tag":126,"props":5307,"children":5309},{"id":5308},"suspense-with-prefetch",[5310],{"type":66,"value":5311},"Suspense with prefetch",{"type":61,"tag":107,"props":5313,"children":5315},{"className":1830,"code":5314,"language":1832,"meta":4624,"style":116},"import { Suspense } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { HydrateClient, prefetch, trpc } from '..\u002Ftrpc\u002Fserver';\nimport { ClientGreeting } from '.\u002Fclient-greeting';\n\nexport default async function Home() {\n prefetch(trpc.hello.queryOptions({ text: 'world' }));\n\n return (\n \u003CHydrateClient>\n \u003CErrorBoundary fallback={\u003Cdiv>Something went wrong\u003C\u002Fdiv>}>\n \u003CSuspense fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CClientGreeting \u002F>\n \u003C\u002FSuspense>\n \u003C\u002FErrorBoundary>\n \u003C\u002FHydrateClient>\n );\n}\n",[5316],{"type":61,"tag":114,"props":5317,"children":5318},{"__ignoreMap":116},[5319,5359,5400,5455,5494,5501,5532,5603,5610,5621,5636,5684,5728,5744,5760,5775,5790,5801],{"type":61,"tag":69,"props":5320,"children":5321},{"class":143,"line":144},[5322,5326,5330,5335,5339,5343,5347,5351,5355],{"type":61,"tag":69,"props":5323,"children":5324},{"style":214},[5325],{"type":66,"value":217},{"type":61,"tag":69,"props":5327,"children":5328},{"style":220},[5329],{"type":66,"value":223},{"type":61,"tag":69,"props":5331,"children":5332},{"style":226},[5333],{"type":66,"value":5334}," Suspense",{"type":61,"tag":69,"props":5336,"children":5337},{"style":220},[5338],{"type":66,"value":234},{"type":61,"tag":69,"props":5340,"children":5341},{"style":214},[5342],{"type":66,"value":239},{"type":61,"tag":69,"props":5344,"children":5345},{"style":220},[5346],{"type":66,"value":244},{"type":61,"tag":69,"props":5348,"children":5349},{"style":154},[5350],{"type":66,"value":36},{"type":61,"tag":69,"props":5352,"children":5353},{"style":220},[5354],{"type":66,"value":254},{"type":61,"tag":69,"props":5356,"children":5357},{"style":220},[5358],{"type":66,"value":259},{"type":61,"tag":69,"props":5360,"children":5361},{"class":143,"line":262},[5362,5366,5370,5375,5379,5383,5387,5392,5396],{"type":61,"tag":69,"props":5363,"children":5364},{"style":214},[5365],{"type":66,"value":217},{"type":61,"tag":69,"props":5367,"children":5368},{"style":220},[5369],{"type":66,"value":223},{"type":61,"tag":69,"props":5371,"children":5372},{"style":226},[5373],{"type":66,"value":5374}," ErrorBoundary",{"type":61,"tag":69,"props":5376,"children":5377},{"style":220},[5378],{"type":66,"value":234},{"type":61,"tag":69,"props":5380,"children":5381},{"style":214},[5382],{"type":66,"value":239},{"type":61,"tag":69,"props":5384,"children":5385},{"style":220},[5386],{"type":66,"value":244},{"type":61,"tag":69,"props":5388,"children":5389},{"style":154},[5390],{"type":66,"value":5391},"react-error-boundary",{"type":61,"tag":69,"props":5393,"children":5394},{"style":220},[5395],{"type":66,"value":254},{"type":61,"tag":69,"props":5397,"children":5398},{"style":220},[5399],{"type":66,"value":259},{"type":61,"tag":69,"props":5401,"children":5402},{"class":143,"line":272},[5403,5407,5411,5415,5419,5423,5427,5431,5435,5439,5443,5447,5451],{"type":61,"tag":69,"props":5404,"children":5405},{"style":214},[5406],{"type":66,"value":217},{"type":61,"tag":69,"props":5408,"children":5409},{"style":220},[5410],{"type":66,"value":223},{"type":61,"tag":69,"props":5412,"children":5413},{"style":226},[5414],{"type":66,"value":3825},{"type":61,"tag":69,"props":5416,"children":5417},{"style":220},[5418],{"type":66,"value":705},{"type":61,"tag":69,"props":5420,"children":5421},{"style":226},[5422],{"type":66,"value":4022},{"type":61,"tag":69,"props":5424,"children":5425},{"style":220},[5426],{"type":66,"value":705},{"type":61,"tag":69,"props":5428,"children":5429},{"style":226},[5430],{"type":66,"value":4660},{"type":61,"tag":69,"props":5432,"children":5433},{"style":220},[5434],{"type":66,"value":234},{"type":61,"tag":69,"props":5436,"children":5437},{"style":214},[5438],{"type":66,"value":239},{"type":61,"tag":69,"props":5440,"children":5441},{"style":220},[5442],{"type":66,"value":244},{"type":61,"tag":69,"props":5444,"children":5445},{"style":154},[5446],{"type":66,"value":4677},{"type":61,"tag":69,"props":5448,"children":5449},{"style":220},[5450],{"type":66,"value":254},{"type":61,"tag":69,"props":5452,"children":5453},{"style":220},[5454],{"type":66,"value":259},{"type":61,"tag":69,"props":5456,"children":5457},{"class":143,"line":352},[5458,5462,5466,5470,5474,5478,5482,5486,5490],{"type":61,"tag":69,"props":5459,"children":5460},{"style":214},[5461],{"type":66,"value":217},{"type":61,"tag":69,"props":5463,"children":5464},{"style":220},[5465],{"type":66,"value":223},{"type":61,"tag":69,"props":5467,"children":5468},{"style":226},[5469],{"type":66,"value":4701},{"type":61,"tag":69,"props":5471,"children":5472},{"style":220},[5473],{"type":66,"value":234},{"type":61,"tag":69,"props":5475,"children":5476},{"style":214},[5477],{"type":66,"value":239},{"type":61,"tag":69,"props":5479,"children":5480},{"style":220},[5481],{"type":66,"value":244},{"type":61,"tag":69,"props":5483,"children":5484},{"style":154},[5485],{"type":66,"value":4718},{"type":61,"tag":69,"props":5487,"children":5488},{"style":220},[5489],{"type":66,"value":254},{"type":61,"tag":69,"props":5491,"children":5492},{"style":220},[5493],{"type":66,"value":259},{"type":61,"tag":69,"props":5495,"children":5496},{"class":143,"line":392},[5497],{"type":61,"tag":69,"props":5498,"children":5499},{"emptyLinePlaceholder":266},[5500],{"type":66,"value":269},{"type":61,"tag":69,"props":5502,"children":5503},{"class":143,"line":401},[5504,5508,5512,5516,5520,5524,5528],{"type":61,"tag":69,"props":5505,"children":5506},{"style":214},[5507],{"type":66,"value":278},{"type":61,"tag":69,"props":5509,"children":5510},{"style":214},[5511],{"type":66,"value":4382},{"type":61,"tag":69,"props":5513,"children":5514},{"style":281},[5515],{"type":66,"value":299},{"type":61,"tag":69,"props":5517,"children":5518},{"style":281},[5519],{"type":66,"value":1528},{"type":61,"tag":69,"props":5521,"children":5522},{"style":441},[5523],{"type":66,"value":4757},{"type":61,"tag":69,"props":5525,"children":5526},{"style":220},[5527],{"type":66,"value":501},{"type":61,"tag":69,"props":5529,"children":5530},{"style":220},[5531],{"type":66,"value":349},{"type":61,"tag":69,"props":5533,"children":5534},{"class":143,"line":409},[5535,5539,5543,5547,5551,5555,5559,5563,5567,5571,5575,5579,5583,5587,5591,5595,5599],{"type":61,"tag":69,"props":5536,"children":5537},{"style":441},[5538],{"type":66,"value":4773},{"type":61,"tag":69,"props":5540,"children":5541},{"style":322},[5542],{"type":66,"value":771},{"type":61,"tag":69,"props":5544,"children":5545},{"style":226},[5546],{"type":66,"value":8},{"type":61,"tag":69,"props":5548,"children":5549},{"style":220},[5550],{"type":66,"value":544},{"type":61,"tag":69,"props":5552,"children":5553},{"style":226},[5554],{"type":66,"value":4790},{"type":61,"tag":69,"props":5556,"children":5557},{"style":220},[5558],{"type":66,"value":544},{"type":61,"tag":69,"props":5560,"children":5561},{"style":441},[5562],{"type":66,"value":4139},{"type":61,"tag":69,"props":5564,"children":5565},{"style":322},[5566],{"type":66,"value":771},{"type":61,"tag":69,"props":5568,"children":5569},{"style":220},[5570],{"type":66,"value":829},{"type":61,"tag":69,"props":5572,"children":5573},{"style":322},[5574],{"type":66,"value":834},{"type":61,"tag":69,"props":5576,"children":5577},{"style":220},[5578],{"type":66,"value":315},{"type":61,"tag":69,"props":5580,"children":5581},{"style":220},[5582],{"type":66,"value":244},{"type":61,"tag":69,"props":5584,"children":5585},{"style":154},[5586],{"type":66,"value":4823},{"type":61,"tag":69,"props":5588,"children":5589},{"style":220},[5590],{"type":66,"value":254},{"type":61,"tag":69,"props":5592,"children":5593},{"style":220},[5594],{"type":66,"value":234},{"type":61,"tag":69,"props":5596,"children":5597},{"style":322},[5598],{"type":66,"value":970},{"type":61,"tag":69,"props":5600,"children":5601},{"style":220},[5602],{"type":66,"value":259},{"type":61,"tag":69,"props":5604,"children":5605},{"class":143,"line":432},[5606],{"type":61,"tag":69,"props":5607,"children":5608},{"emptyLinePlaceholder":266},[5609],{"type":66,"value":269},{"type":61,"tag":69,"props":5611,"children":5612},{"class":143,"line":486},[5613,5617],{"type":61,"tag":69,"props":5614,"children":5615},{"style":214},[5616],{"type":66,"value":358},{"type":61,"tag":69,"props":5618,"children":5619},{"style":322},[5620],{"type":66,"value":3052},{"type":61,"tag":69,"props":5622,"children":5623},{"class":143,"line":508},[5624,5628,5632],{"type":61,"tag":69,"props":5625,"children":5626},{"style":220},[5627],{"type":66,"value":3061},{"type":61,"tag":69,"props":5629,"children":5630},{"style":148},[5631],{"type":66,"value":4869},{"type":61,"tag":69,"props":5633,"children":5634},{"style":220},[5635],{"type":66,"value":3178},{"type":61,"tag":69,"props":5637,"children":5638},{"class":143,"line":516},[5639,5643,5648,5653,5658,5662,5666,5671,5675,5679],{"type":61,"tag":69,"props":5640,"children":5641},{"style":220},[5642],{"type":66,"value":3095},{"type":61,"tag":69,"props":5644,"children":5645},{"style":148},[5646],{"type":66,"value":5647},"ErrorBoundary",{"type":61,"tag":69,"props":5649,"children":5650},{"style":281},[5651],{"type":66,"value":5652}," fallback",{"type":61,"tag":69,"props":5654,"children":5655},{"style":220},[5656],{"type":66,"value":5657},"={\u003C",{"type":61,"tag":69,"props":5659,"children":5660},{"style":322},[5661],{"type":66,"value":5224},{"type":61,"tag":69,"props":5663,"children":5664},{"style":220},[5665],{"type":66,"value":2237},{"type":61,"tag":69,"props":5667,"children":5668},{"style":226},[5669],{"type":66,"value":5670},"Something went wrong",{"type":61,"tag":69,"props":5672,"children":5673},{"style":220},[5674],{"type":66,"value":5238},{"type":61,"tag":69,"props":5676,"children":5677},{"style":322},[5678],{"type":66,"value":5224},{"type":61,"tag":69,"props":5680,"children":5681},{"style":220},[5682],{"type":66,"value":5683},">}>\n",{"type":61,"tag":69,"props":5685,"children":5686},{"class":143,"line":556},[5687,5691,5696,5700,5704,5708,5712,5716,5720,5724],{"type":61,"tag":69,"props":5688,"children":5689},{"style":220},[5690],{"type":66,"value":4533},{"type":61,"tag":69,"props":5692,"children":5693},{"style":148},[5694],{"type":66,"value":5695},"Suspense",{"type":61,"tag":69,"props":5697,"children":5698},{"style":281},[5699],{"type":66,"value":5652},{"type":61,"tag":69,"props":5701,"children":5702},{"style":220},[5703],{"type":66,"value":5657},{"type":61,"tag":69,"props":5705,"children":5706},{"style":322},[5707],{"type":66,"value":5224},{"type":61,"tag":69,"props":5709,"children":5710},{"style":220},[5711],{"type":66,"value":2237},{"type":61,"tag":69,"props":5713,"children":5714},{"style":226},[5715],{"type":66,"value":5233},{"type":61,"tag":69,"props":5717,"children":5718},{"style":220},[5719],{"type":66,"value":5238},{"type":61,"tag":69,"props":5721,"children":5722},{"style":322},[5723],{"type":66,"value":5224},{"type":61,"tag":69,"props":5725,"children":5726},{"style":220},[5727],{"type":66,"value":5683},{"type":61,"tag":69,"props":5729,"children":5730},{"class":143,"line":594},[5731,5736,5740],{"type":61,"tag":69,"props":5732,"children":5733},{"style":220},[5734],{"type":66,"value":5735}," \u003C",{"type":61,"tag":69,"props":5737,"children":5738},{"style":148},[5739],{"type":66,"value":4885},{"type":61,"tag":69,"props":5741,"children":5742},{"style":220},[5743],{"type":66,"value":4890},{"type":61,"tag":69,"props":5745,"children":5746},{"class":143,"line":1685},[5747,5752,5756],{"type":61,"tag":69,"props":5748,"children":5749},{"style":220},[5750],{"type":66,"value":5751}," \u003C\u002F",{"type":61,"tag":69,"props":5753,"children":5754},{"style":148},[5755],{"type":66,"value":5695},{"type":61,"tag":69,"props":5757,"children":5758},{"style":220},[5759],{"type":66,"value":3178},{"type":61,"tag":69,"props":5761,"children":5762},{"class":143,"line":1712},[5763,5767,5771],{"type":61,"tag":69,"props":5764,"children":5765},{"style":220},[5766],{"type":66,"value":3169},{"type":61,"tag":69,"props":5768,"children":5769},{"style":148},[5770],{"type":66,"value":5647},{"type":61,"tag":69,"props":5772,"children":5773},{"style":220},[5774],{"type":66,"value":3178},{"type":61,"tag":69,"props":5776,"children":5777},{"class":143,"line":1761},[5778,5782,5786],{"type":61,"tag":69,"props":5779,"children":5780},{"style":220},[5781],{"type":66,"value":3187},{"type":61,"tag":69,"props":5783,"children":5784},{"style":148},[5785],{"type":66,"value":4869},{"type":61,"tag":69,"props":5787,"children":5788},{"style":220},[5789],{"type":66,"value":3178},{"type":61,"tag":69,"props":5791,"children":5792},{"class":143,"line":1769},[5793,5797],{"type":61,"tag":69,"props":5794,"children":5795},{"style":322},[5796],{"type":66,"value":3027},{"type":61,"tag":69,"props":5798,"children":5799},{"style":220},[5800],{"type":66,"value":259},{"type":61,"tag":69,"props":5802,"children":5803},{"class":143,"line":1778},[5804],{"type":61,"tag":69,"props":5805,"children":5806},{"style":220},[5807],{"type":66,"value":1800},{"type":61,"tag":107,"props":5809,"children":5811},{"className":1830,"code":5810,"language":1832,"meta":4927,"style":116},"'use client';\n\nimport { useSuspenseQuery } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Ftrpc\u002Fclient';\n\nexport function ClientGreeting() {\n const trpc = useTRPC();\n const { data } = useSuspenseQuery(trpc.hello.queryOptions({ text: 'world' }));\n return \u003Cdiv>{data.greeting}\u003C\u002Fdiv>;\n}\n",[5812],{"type":61,"tag":114,"props":5813,"children":5814},{"__ignoreMap":116},[5815,5834,5841,5881,5920,5927,5950,5977,6069,6112],{"type":61,"tag":69,"props":5816,"children":5817},{"class":143,"line":144},[5818,5822,5826,5830],{"type":61,"tag":69,"props":5819,"children":5820},{"style":220},[5821],{"type":66,"value":254},{"type":61,"tag":69,"props":5823,"children":5824},{"style":154},[5825],{"type":66,"value":1849},{"type":61,"tag":69,"props":5827,"children":5828},{"style":220},[5829],{"type":66,"value":254},{"type":61,"tag":69,"props":5831,"children":5832},{"style":220},[5833],{"type":66,"value":259},{"type":61,"tag":69,"props":5835,"children":5836},{"class":143,"line":262},[5837],{"type":61,"tag":69,"props":5838,"children":5839},{"emptyLinePlaceholder":266},[5840],{"type":66,"value":269},{"type":61,"tag":69,"props":5842,"children":5843},{"class":143,"line":272},[5844,5848,5852,5857,5861,5865,5869,5873,5877],{"type":61,"tag":69,"props":5845,"children":5846},{"style":214},[5847],{"type":66,"value":217},{"type":61,"tag":69,"props":5849,"children":5850},{"style":220},[5851],{"type":66,"value":223},{"type":61,"tag":69,"props":5853,"children":5854},{"style":226},[5855],{"type":66,"value":5856}," useSuspenseQuery",{"type":61,"tag":69,"props":5858,"children":5859},{"style":220},[5860],{"type":66,"value":234},{"type":61,"tag":69,"props":5862,"children":5863},{"style":214},[5864],{"type":66,"value":239},{"type":61,"tag":69,"props":5866,"children":5867},{"style":220},[5868],{"type":66,"value":244},{"type":61,"tag":69,"props":5870,"children":5871},{"style":154},[5872],{"type":66,"value":1501},{"type":61,"tag":69,"props":5874,"children":5875},{"style":220},[5876],{"type":66,"value":254},{"type":61,"tag":69,"props":5878,"children":5879},{"style":220},[5880],{"type":66,"value":259},{"type":61,"tag":69,"props":5882,"children":5883},{"class":143,"line":352},[5884,5888,5892,5896,5900,5904,5908,5912,5916],{"type":61,"tag":69,"props":5885,"children":5886},{"style":214},[5887],{"type":66,"value":217},{"type":61,"tag":69,"props":5889,"children":5890},{"style":220},[5891],{"type":66,"value":223},{"type":61,"tag":69,"props":5893,"children":5894},{"style":226},[5895],{"type":66,"value":2197},{"type":61,"tag":69,"props":5897,"children":5898},{"style":220},[5899],{"type":66,"value":234},{"type":61,"tag":69,"props":5901,"children":5902},{"style":214},[5903],{"type":66,"value":239},{"type":61,"tag":69,"props":5905,"children":5906},{"style":220},[5907],{"type":66,"value":244},{"type":61,"tag":69,"props":5909,"children":5910},{"style":154},[5911],{"type":66,"value":4355},{"type":61,"tag":69,"props":5913,"children":5914},{"style":220},[5915],{"type":66,"value":254},{"type":61,"tag":69,"props":5917,"children":5918},{"style":220},[5919],{"type":66,"value":259},{"type":61,"tag":69,"props":5921,"children":5922},{"class":143,"line":392},[5923],{"type":61,"tag":69,"props":5924,"children":5925},{"emptyLinePlaceholder":266},[5926],{"type":66,"value":269},{"type":61,"tag":69,"props":5928,"children":5929},{"class":143,"line":401},[5930,5934,5938,5942,5946],{"type":61,"tag":69,"props":5931,"children":5932},{"style":214},[5933],{"type":66,"value":278},{"type":61,"tag":69,"props":5935,"children":5936},{"style":281},[5937],{"type":66,"value":1528},{"type":61,"tag":69,"props":5939,"children":5940},{"style":441},[5941],{"type":66,"value":4701},{"type":61,"tag":69,"props":5943,"children":5944},{"style":220},[5945],{"type":66,"value":501},{"type":61,"tag":69,"props":5947,"children":5948},{"style":220},[5949],{"type":66,"value":349},{"type":61,"tag":69,"props":5951,"children":5952},{"class":143,"line":409},[5953,5957,5961,5965,5969,5973],{"type":61,"tag":69,"props":5954,"children":5955},{"style":281},[5956],{"type":66,"value":2480},{"type":61,"tag":69,"props":5958,"children":5959},{"style":226},[5960],{"type":66,"value":4660},{"type":61,"tag":69,"props":5962,"children":5963},{"style":220},[5964],{"type":66,"value":1019},{"type":61,"tag":69,"props":5966,"children":5967},{"style":441},[5968],{"type":66,"value":2197},{"type":61,"tag":69,"props":5970,"children":5971},{"style":322},[5972],{"type":66,"value":501},{"type":61,"tag":69,"props":5974,"children":5975},{"style":220},[5976],{"type":66,"value":259},{"type":61,"tag":69,"props":5978,"children":5979},{"class":143,"line":432},[5980,5984,5988,5993,5997,6001,6005,6009,6013,6017,6021,6025,6029,6033,6037,6041,6045,6049,6053,6057,6061,6065],{"type":61,"tag":69,"props":5981,"children":5982},{"style":281},[5983],{"type":66,"value":2480},{"type":61,"tag":69,"props":5985,"children":5986},{"style":220},[5987],{"type":66,"value":223},{"type":61,"tag":69,"props":5989,"children":5990},{"style":226},[5991],{"type":66,"value":5992}," data",{"type":61,"tag":69,"props":5994,"children":5995},{"style":220},[5996],{"type":66,"value":234},{"type":61,"tag":69,"props":5998,"children":5999},{"style":220},[6000],{"type":66,"value":1019},{"type":61,"tag":69,"props":6002,"children":6003},{"style":441},[6004],{"type":66,"value":5856},{"type":61,"tag":69,"props":6006,"children":6007},{"style":322},[6008],{"type":66,"value":771},{"type":61,"tag":69,"props":6010,"children":6011},{"style":226},[6012],{"type":66,"value":8},{"type":61,"tag":69,"props":6014,"children":6015},{"style":220},[6016],{"type":66,"value":544},{"type":61,"tag":69,"props":6018,"children":6019},{"style":226},[6020],{"type":66,"value":4790},{"type":61,"tag":69,"props":6022,"children":6023},{"style":220},[6024],{"type":66,"value":544},{"type":61,"tag":69,"props":6026,"children":6027},{"style":441},[6028],{"type":66,"value":4139},{"type":61,"tag":69,"props":6030,"children":6031},{"style":322},[6032],{"type":66,"value":771},{"type":61,"tag":69,"props":6034,"children":6035},{"style":220},[6036],{"type":66,"value":829},{"type":61,"tag":69,"props":6038,"children":6039},{"style":322},[6040],{"type":66,"value":834},{"type":61,"tag":69,"props":6042,"children":6043},{"style":220},[6044],{"type":66,"value":315},{"type":61,"tag":69,"props":6046,"children":6047},{"style":220},[6048],{"type":66,"value":244},{"type":61,"tag":69,"props":6050,"children":6051},{"style":154},[6052],{"type":66,"value":4823},{"type":61,"tag":69,"props":6054,"children":6055},{"style":220},[6056],{"type":66,"value":254},{"type":61,"tag":69,"props":6058,"children":6059},{"style":220},[6060],{"type":66,"value":234},{"type":61,"tag":69,"props":6062,"children":6063},{"style":322},[6064],{"type":66,"value":970},{"type":61,"tag":69,"props":6066,"children":6067},{"style":220},[6068],{"type":66,"value":259},{"type":61,"tag":69,"props":6070,"children":6071},{"class":143,"line":486},[6072,6076,6080,6084,6088,6092,6096,6100,6104,6108],{"type":61,"tag":69,"props":6073,"children":6074},{"style":214},[6075],{"type":66,"value":358},{"type":61,"tag":69,"props":6077,"children":6078},{"style":220},[6079],{"type":66,"value":5219},{"type":61,"tag":69,"props":6081,"children":6082},{"style":322},[6083],{"type":66,"value":5224},{"type":61,"tag":69,"props":6085,"children":6086},{"style":220},[6087],{"type":66,"value":4543},{"type":61,"tag":69,"props":6089,"children":6090},{"style":226},[6091],{"type":66,"value":5206},{"type":61,"tag":69,"props":6093,"children":6094},{"style":220},[6095],{"type":66,"value":544},{"type":61,"tag":69,"props":6097,"children":6098},{"style":226},[6099],{"type":66,"value":5197},{"type":61,"tag":69,"props":6101,"children":6102},{"style":220},[6103],{"type":66,"value":4552},{"type":61,"tag":69,"props":6105,"children":6106},{"style":322},[6107],{"type":66,"value":5224},{"type":61,"tag":69,"props":6109,"children":6110},{"style":220},[6111],{"type":66,"value":5247},{"type":61,"tag":69,"props":6113,"children":6114},{"class":143,"line":508},[6115],{"type":61,"tag":69,"props":6116,"children":6117},{"style":220},[6118],{"type":66,"value":1800},{"type":61,"tag":126,"props":6120,"children":6122},{"id":6121},"direct-server-caller-data-needed-on-server-only",[6123],{"type":66,"value":6124},"Direct server caller (data needed on server only)",{"type":61,"tag":107,"props":6126,"children":6128},{"className":1830,"code":6127,"language":1832,"meta":3225,"style":116},"\u002F\u002F Add to existing server.tsx\nexport const caller = appRouter.createCaller(async () =>\n createTRPCContext({ headers: await headers() }),\n);\n",[6129],{"type":61,"tag":114,"props":6130,"children":6131},{"__ignoreMap":116},[6132,6141,6191,6238],{"type":61,"tag":69,"props":6133,"children":6134},{"class":143,"line":144},[6135],{"type":61,"tag":69,"props":6136,"children":6138},{"style":6137},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[6139],{"type":66,"value":6140},"\u002F\u002F Add to existing server.tsx\n",{"type":61,"tag":69,"props":6142,"children":6143},{"class":143,"line":262},[6144,6148,6152,6157,6161,6165,6169,6174,6178,6183,6187],{"type":61,"tag":69,"props":6145,"children":6146},{"style":214},[6147],{"type":66,"value":278},{"type":61,"tag":69,"props":6149,"children":6150},{"style":281},[6151],{"type":66,"value":284},{"type":61,"tag":69,"props":6153,"children":6154},{"style":226},[6155],{"type":66,"value":6156}," caller ",{"type":61,"tag":69,"props":6158,"children":6159},{"style":220},[6160],{"type":66,"value":294},{"type":61,"tag":69,"props":6162,"children":6163},{"style":226},[6164],{"type":66,"value":1029},{"type":61,"tag":69,"props":6166,"children":6167},{"style":220},[6168],{"type":66,"value":544},{"type":61,"tag":69,"props":6170,"children":6171},{"style":441},[6172],{"type":66,"value":6173},"createCaller",{"type":61,"tag":69,"props":6175,"children":6176},{"style":226},[6177],{"type":66,"value":771},{"type":61,"tag":69,"props":6179,"children":6180},{"style":281},[6181],{"type":66,"value":6182},"async",{"type":61,"tag":69,"props":6184,"children":6185},{"style":220},[6186],{"type":66,"value":1312},{"type":61,"tag":69,"props":6188,"children":6189},{"style":281},[6190],{"type":66,"value":1218},{"type":61,"tag":69,"props":6192,"children":6193},{"class":143,"line":272},[6194,6198,6202,6206,6210,6214,6218,6222,6226,6230,6234],{"type":61,"tag":69,"props":6195,"children":6196},{"style":441},[6197],{"type":66,"value":2223},{"type":61,"tag":69,"props":6199,"children":6200},{"style":226},[6201],{"type":66,"value":771},{"type":61,"tag":69,"props":6203,"children":6204},{"style":220},[6205],{"type":66,"value":829},{"type":61,"tag":69,"props":6207,"children":6208},{"style":322},[6209],{"type":66,"value":325},{"type":61,"tag":69,"props":6211,"children":6212},{"style":220},[6213],{"type":66,"value":315},{"type":61,"tag":69,"props":6215,"children":6216},{"style":214},[6217],{"type":66,"value":3720},{"type":61,"tag":69,"props":6219,"children":6220},{"style":441},[6221],{"type":66,"value":325},{"type":61,"tag":69,"props":6223,"children":6224},{"style":226},[6225],{"type":66,"value":856},{"type":61,"tag":69,"props":6227,"children":6228},{"style":220},[6229],{"type":66,"value":861},{"type":61,"tag":69,"props":6231,"children":6232},{"style":226},[6233],{"type":66,"value":986},{"type":61,"tag":69,"props":6235,"children":6236},{"style":220},[6237],{"type":66,"value":957},{"type":61,"tag":69,"props":6239,"children":6240},{"class":143,"line":352},[6241,6245],{"type":61,"tag":69,"props":6242,"children":6243},{"style":226},[6244],{"type":66,"value":986},{"type":61,"tag":69,"props":6246,"children":6247},{"style":220},[6248],{"type":66,"value":259},{"type":61,"tag":107,"props":6250,"children":6252},{"className":1830,"code":6251,"language":1832,"meta":4624,"style":116},"import { caller } from '..\u002Ftrpc\u002Fserver';\n\nexport default async function Home() {\n const greeting = await caller.hello({ text: 'world' });\n return \u003Cdiv>{greeting.greeting}\u003C\u002Fdiv>;\n}\n",[6253],{"type":61,"tag":114,"props":6254,"children":6255},{"__ignoreMap":116},[6256,6296,6303,6334,6405,6448],{"type":61,"tag":69,"props":6257,"children":6258},{"class":143,"line":144},[6259,6263,6267,6272,6276,6280,6284,6288,6292],{"type":61,"tag":69,"props":6260,"children":6261},{"style":214},[6262],{"type":66,"value":217},{"type":61,"tag":69,"props":6264,"children":6265},{"style":220},[6266],{"type":66,"value":223},{"type":61,"tag":69,"props":6268,"children":6269},{"style":226},[6270],{"type":66,"value":6271}," caller",{"type":61,"tag":69,"props":6273,"children":6274},{"style":220},[6275],{"type":66,"value":234},{"type":61,"tag":69,"props":6277,"children":6278},{"style":214},[6279],{"type":66,"value":239},{"type":61,"tag":69,"props":6281,"children":6282},{"style":220},[6283],{"type":66,"value":244},{"type":61,"tag":69,"props":6285,"children":6286},{"style":154},[6287],{"type":66,"value":4677},{"type":61,"tag":69,"props":6289,"children":6290},{"style":220},[6291],{"type":66,"value":254},{"type":61,"tag":69,"props":6293,"children":6294},{"style":220},[6295],{"type":66,"value":259},{"type":61,"tag":69,"props":6297,"children":6298},{"class":143,"line":262},[6299],{"type":61,"tag":69,"props":6300,"children":6301},{"emptyLinePlaceholder":266},[6302],{"type":66,"value":269},{"type":61,"tag":69,"props":6304,"children":6305},{"class":143,"line":272},[6306,6310,6314,6318,6322,6326,6330],{"type":61,"tag":69,"props":6307,"children":6308},{"style":214},[6309],{"type":66,"value":278},{"type":61,"tag":69,"props":6311,"children":6312},{"style":214},[6313],{"type":66,"value":4382},{"type":61,"tag":69,"props":6315,"children":6316},{"style":281},[6317],{"type":66,"value":299},{"type":61,"tag":69,"props":6319,"children":6320},{"style":281},[6321],{"type":66,"value":1528},{"type":61,"tag":69,"props":6323,"children":6324},{"style":441},[6325],{"type":66,"value":4757},{"type":61,"tag":69,"props":6327,"children":6328},{"style":220},[6329],{"type":66,"value":501},{"type":61,"tag":69,"props":6331,"children":6332},{"style":220},[6333],{"type":66,"value":349},{"type":61,"tag":69,"props":6335,"children":6336},{"class":143,"line":352},[6337,6341,6345,6349,6353,6357,6361,6365,6369,6373,6377,6381,6385,6389,6393,6397,6401],{"type":61,"tag":69,"props":6338,"children":6339},{"style":281},[6340],{"type":66,"value":2480},{"type":61,"tag":69,"props":6342,"children":6343},{"style":226},[6344],{"type":66,"value":5105},{"type":61,"tag":69,"props":6346,"children":6347},{"style":220},[6348],{"type":66,"value":1019},{"type":61,"tag":69,"props":6350,"children":6351},{"style":214},[6352],{"type":66,"value":3720},{"type":61,"tag":69,"props":6354,"children":6355},{"style":226},[6356],{"type":66,"value":6271},{"type":61,"tag":69,"props":6358,"children":6359},{"style":220},[6360],{"type":66,"value":544},{"type":61,"tag":69,"props":6362,"children":6363},{"style":441},[6364],{"type":66,"value":4790},{"type":61,"tag":69,"props":6366,"children":6367},{"style":322},[6368],{"type":66,"value":771},{"type":61,"tag":69,"props":6370,"children":6371},{"style":220},[6372],{"type":66,"value":829},{"type":61,"tag":69,"props":6374,"children":6375},{"style":322},[6376],{"type":66,"value":834},{"type":61,"tag":69,"props":6378,"children":6379},{"style":220},[6380],{"type":66,"value":315},{"type":61,"tag":69,"props":6382,"children":6383},{"style":220},[6384],{"type":66,"value":244},{"type":61,"tag":69,"props":6386,"children":6387},{"style":154},[6388],{"type":66,"value":4823},{"type":61,"tag":69,"props":6390,"children":6391},{"style":220},[6392],{"type":66,"value":254},{"type":61,"tag":69,"props":6394,"children":6395},{"style":220},[6396],{"type":66,"value":234},{"type":61,"tag":69,"props":6398,"children":6399},{"style":322},[6400],{"type":66,"value":986},{"type":61,"tag":69,"props":6402,"children":6403},{"style":220},[6404],{"type":66,"value":259},{"type":61,"tag":69,"props":6406,"children":6407},{"class":143,"line":392},[6408,6412,6416,6420,6424,6428,6432,6436,6440,6444],{"type":61,"tag":69,"props":6409,"children":6410},{"style":214},[6411],{"type":66,"value":358},{"type":61,"tag":69,"props":6413,"children":6414},{"style":220},[6415],{"type":66,"value":5219},{"type":61,"tag":69,"props":6417,"children":6418},{"style":322},[6419],{"type":66,"value":5224},{"type":61,"tag":69,"props":6421,"children":6422},{"style":220},[6423],{"type":66,"value":4543},{"type":61,"tag":69,"props":6425,"children":6426},{"style":226},[6427],{"type":66,"value":5197},{"type":61,"tag":69,"props":6429,"children":6430},{"style":220},[6431],{"type":66,"value":544},{"type":61,"tag":69,"props":6433,"children":6434},{"style":226},[6435],{"type":66,"value":5197},{"type":61,"tag":69,"props":6437,"children":6438},{"style":220},[6439],{"type":66,"value":4552},{"type":61,"tag":69,"props":6441,"children":6442},{"style":322},[6443],{"type":66,"value":5224},{"type":61,"tag":69,"props":6445,"children":6446},{"style":220},[6447],{"type":66,"value":5247},{"type":61,"tag":69,"props":6449,"children":6450},{"class":143,"line":401},[6451],{"type":61,"tag":69,"props":6452,"children":6453},{"style":220},[6454],{"type":66,"value":1800},{"type":61,"tag":62,"props":6456,"children":6457},{},[6458,6460,6466,6468,6473],{"type":66,"value":6459},"Note: ",{"type":61,"tag":114,"props":6461,"children":6463},{"className":6462},[],[6464],{"type":66,"value":6465},"caller",{"type":66,"value":6467}," results are not stored in the query cache. They cannot hydrate to client components. Use ",{"type":61,"tag":114,"props":6469,"children":6471},{"className":6470},[],[6472],{"type":66,"value":4279},{"type":66,"value":6474}," if client components also need the data.",{"type":61,"tag":126,"props":6476,"children":6478},{"id":6477},"fetchquery-for-data-on-server-and-client",[6479],{"type":66,"value":6480},"fetchQuery for data on server AND client",{"type":61,"tag":107,"props":6482,"children":6484},{"className":1830,"code":6483,"language":1832,"meta":4624,"style":116},"import { getQueryClient, HydrateClient, trpc } from '..\u002Ftrpc\u002Fserver';\nimport { ClientGreeting } from '.\u002Fclient-greeting';\n\nexport default async function Home() {\n const queryClient = getQueryClient();\n const greeting = await queryClient.fetchQuery(\n trpc.hello.queryOptions({ text: 'world' }),\n );\n\n \u002F\u002F Use greeting on the server\n console.log(greeting.greeting);\n\n return (\n \u003CHydrateClient>\n \u003CClientGreeting \u002F>\n \u003C\u002FHydrateClient>\n );\n}\n",[6485],{"type":61,"tag":114,"props":6486,"children":6487},{"__ignoreMap":116},[6488,6543,6582,6589,6620,6647,6684,6748,6759,6766,6774,6815,6822,6833,6848,6863,6878,6889],{"type":61,"tag":69,"props":6489,"children":6490},{"class":143,"line":144},[6491,6495,6499,6503,6507,6511,6515,6519,6523,6527,6531,6535,6539],{"type":61,"tag":69,"props":6492,"children":6493},{"style":214},[6494],{"type":66,"value":217},{"type":61,"tag":69,"props":6496,"children":6497},{"style":220},[6498],{"type":66,"value":223},{"type":61,"tag":69,"props":6500,"children":6501},{"style":226},[6502],{"type":66,"value":2290},{"type":61,"tag":69,"props":6504,"children":6505},{"style":220},[6506],{"type":66,"value":705},{"type":61,"tag":69,"props":6508,"children":6509},{"style":226},[6510],{"type":66,"value":3825},{"type":61,"tag":69,"props":6512,"children":6513},{"style":220},[6514],{"type":66,"value":705},{"type":61,"tag":69,"props":6516,"children":6517},{"style":226},[6518],{"type":66,"value":4660},{"type":61,"tag":69,"props":6520,"children":6521},{"style":220},[6522],{"type":66,"value":234},{"type":61,"tag":69,"props":6524,"children":6525},{"style":214},[6526],{"type":66,"value":239},{"type":61,"tag":69,"props":6528,"children":6529},{"style":220},[6530],{"type":66,"value":244},{"type":61,"tag":69,"props":6532,"children":6533},{"style":154},[6534],{"type":66,"value":4677},{"type":61,"tag":69,"props":6536,"children":6537},{"style":220},[6538],{"type":66,"value":254},{"type":61,"tag":69,"props":6540,"children":6541},{"style":220},[6542],{"type":66,"value":259},{"type":61,"tag":69,"props":6544,"children":6545},{"class":143,"line":262},[6546,6550,6554,6558,6562,6566,6570,6574,6578],{"type":61,"tag":69,"props":6547,"children":6548},{"style":214},[6549],{"type":66,"value":217},{"type":61,"tag":69,"props":6551,"children":6552},{"style":220},[6553],{"type":66,"value":223},{"type":61,"tag":69,"props":6555,"children":6556},{"style":226},[6557],{"type":66,"value":4701},{"type":61,"tag":69,"props":6559,"children":6560},{"style":220},[6561],{"type":66,"value":234},{"type":61,"tag":69,"props":6563,"children":6564},{"style":214},[6565],{"type":66,"value":239},{"type":61,"tag":69,"props":6567,"children":6568},{"style":220},[6569],{"type":66,"value":244},{"type":61,"tag":69,"props":6571,"children":6572},{"style":154},[6573],{"type":66,"value":4718},{"type":61,"tag":69,"props":6575,"children":6576},{"style":220},[6577],{"type":66,"value":254},{"type":61,"tag":69,"props":6579,"children":6580},{"style":220},[6581],{"type":66,"value":259},{"type":61,"tag":69,"props":6583,"children":6584},{"class":143,"line":272},[6585],{"type":61,"tag":69,"props":6586,"children":6587},{"emptyLinePlaceholder":266},[6588],{"type":66,"value":269},{"type":61,"tag":69,"props":6590,"children":6591},{"class":143,"line":352},[6592,6596,6600,6604,6608,6612,6616],{"type":61,"tag":69,"props":6593,"children":6594},{"style":214},[6595],{"type":66,"value":278},{"type":61,"tag":69,"props":6597,"children":6598},{"style":214},[6599],{"type":66,"value":4382},{"type":61,"tag":69,"props":6601,"children":6602},{"style":281},[6603],{"type":66,"value":299},{"type":61,"tag":69,"props":6605,"children":6606},{"style":281},[6607],{"type":66,"value":1528},{"type":61,"tag":69,"props":6609,"children":6610},{"style":441},[6611],{"type":66,"value":4757},{"type":61,"tag":69,"props":6613,"children":6614},{"style":220},[6615],{"type":66,"value":501},{"type":61,"tag":69,"props":6617,"children":6618},{"style":220},[6619],{"type":66,"value":349},{"type":61,"tag":69,"props":6621,"children":6622},{"class":143,"line":392},[6623,6627,6631,6635,6639,6643],{"type":61,"tag":69,"props":6624,"children":6625},{"style":281},[6626],{"type":66,"value":2480},{"type":61,"tag":69,"props":6628,"children":6629},{"style":226},[6630],{"type":66,"value":2816},{"type":61,"tag":69,"props":6632,"children":6633},{"style":220},[6634],{"type":66,"value":1019},{"type":61,"tag":69,"props":6636,"children":6637},{"style":441},[6638],{"type":66,"value":2290},{"type":61,"tag":69,"props":6640,"children":6641},{"style":322},[6642],{"type":66,"value":501},{"type":61,"tag":69,"props":6644,"children":6645},{"style":220},[6646],{"type":66,"value":259},{"type":61,"tag":69,"props":6648,"children":6649},{"class":143,"line":401},[6650,6654,6658,6662,6666,6670,6674,6679],{"type":61,"tag":69,"props":6651,"children":6652},{"style":281},[6653],{"type":66,"value":2480},{"type":61,"tag":69,"props":6655,"children":6656},{"style":226},[6657],{"type":66,"value":5105},{"type":61,"tag":69,"props":6659,"children":6660},{"style":220},[6661],{"type":66,"value":1019},{"type":61,"tag":69,"props":6663,"children":6664},{"style":214},[6665],{"type":66,"value":3720},{"type":61,"tag":69,"props":6667,"children":6668},{"style":226},[6669],{"type":66,"value":2816},{"type":61,"tag":69,"props":6671,"children":6672},{"style":220},[6673],{"type":66,"value":544},{"type":61,"tag":69,"props":6675,"children":6676},{"style":441},[6677],{"type":66,"value":6678},"fetchQuery",{"type":61,"tag":69,"props":6680,"children":6681},{"style":322},[6682],{"type":66,"value":6683},"(\n",{"type":61,"tag":69,"props":6685,"children":6686},{"class":143,"line":409},[6687,6692,6696,6700,6704,6708,6712,6716,6720,6724,6728,6732,6736,6740,6744],{"type":61,"tag":69,"props":6688,"children":6689},{"style":226},[6690],{"type":66,"value":6691}," trpc",{"type":61,"tag":69,"props":6693,"children":6694},{"style":220},[6695],{"type":66,"value":544},{"type":61,"tag":69,"props":6697,"children":6698},{"style":226},[6699],{"type":66,"value":4790},{"type":61,"tag":69,"props":6701,"children":6702},{"style":220},[6703],{"type":66,"value":544},{"type":61,"tag":69,"props":6705,"children":6706},{"style":441},[6707],{"type":66,"value":4139},{"type":61,"tag":69,"props":6709,"children":6710},{"style":322},[6711],{"type":66,"value":771},{"type":61,"tag":69,"props":6713,"children":6714},{"style":220},[6715],{"type":66,"value":829},{"type":61,"tag":69,"props":6717,"children":6718},{"style":322},[6719],{"type":66,"value":834},{"type":61,"tag":69,"props":6721,"children":6722},{"style":220},[6723],{"type":66,"value":315},{"type":61,"tag":69,"props":6725,"children":6726},{"style":220},[6727],{"type":66,"value":244},{"type":61,"tag":69,"props":6729,"children":6730},{"style":154},[6731],{"type":66,"value":4823},{"type":61,"tag":69,"props":6733,"children":6734},{"style":220},[6735],{"type":66,"value":254},{"type":61,"tag":69,"props":6737,"children":6738},{"style":220},[6739],{"type":66,"value":234},{"type":61,"tag":69,"props":6741,"children":6742},{"style":322},[6743],{"type":66,"value":986},{"type":61,"tag":69,"props":6745,"children":6746},{"style":220},[6747],{"type":66,"value":957},{"type":61,"tag":69,"props":6749,"children":6750},{"class":143,"line":432},[6751,6755],{"type":61,"tag":69,"props":6752,"children":6753},{"style":322},[6754],{"type":66,"value":3027},{"type":61,"tag":69,"props":6756,"children":6757},{"style":220},[6758],{"type":66,"value":259},{"type":61,"tag":69,"props":6760,"children":6761},{"class":143,"line":486},[6762],{"type":61,"tag":69,"props":6763,"children":6764},{"emptyLinePlaceholder":266},[6765],{"type":66,"value":269},{"type":61,"tag":69,"props":6767,"children":6768},{"class":143,"line":508},[6769],{"type":61,"tag":69,"props":6770,"children":6771},{"style":6137},[6772],{"type":66,"value":6773}," \u002F\u002F Use greeting on the server\n",{"type":61,"tag":69,"props":6775,"children":6776},{"class":143,"line":516},[6777,6782,6786,6791,6795,6799,6803,6807,6811],{"type":61,"tag":69,"props":6778,"children":6779},{"style":226},[6780],{"type":66,"value":6781}," console",{"type":61,"tag":69,"props":6783,"children":6784},{"style":220},[6785],{"type":66,"value":544},{"type":61,"tag":69,"props":6787,"children":6788},{"style":441},[6789],{"type":66,"value":6790},"log",{"type":61,"tag":69,"props":6792,"children":6793},{"style":322},[6794],{"type":66,"value":771},{"type":61,"tag":69,"props":6796,"children":6797},{"style":226},[6798],{"type":66,"value":5197},{"type":61,"tag":69,"props":6800,"children":6801},{"style":220},[6802],{"type":66,"value":544},{"type":61,"tag":69,"props":6804,"children":6805},{"style":226},[6806],{"type":66,"value":5197},{"type":61,"tag":69,"props":6808,"children":6809},{"style":322},[6810],{"type":66,"value":986},{"type":61,"tag":69,"props":6812,"children":6813},{"style":220},[6814],{"type":66,"value":259},{"type":61,"tag":69,"props":6816,"children":6817},{"class":143,"line":556},[6818],{"type":61,"tag":69,"props":6819,"children":6820},{"emptyLinePlaceholder":266},[6821],{"type":66,"value":269},{"type":61,"tag":69,"props":6823,"children":6824},{"class":143,"line":594},[6825,6829],{"type":61,"tag":69,"props":6826,"children":6827},{"style":214},[6828],{"type":66,"value":358},{"type":61,"tag":69,"props":6830,"children":6831},{"style":322},[6832],{"type":66,"value":3052},{"type":61,"tag":69,"props":6834,"children":6835},{"class":143,"line":1685},[6836,6840,6844],{"type":61,"tag":69,"props":6837,"children":6838},{"style":220},[6839],{"type":66,"value":3061},{"type":61,"tag":69,"props":6841,"children":6842},{"style":148},[6843],{"type":66,"value":4869},{"type":61,"tag":69,"props":6845,"children":6846},{"style":220},[6847],{"type":66,"value":3178},{"type":61,"tag":69,"props":6849,"children":6850},{"class":143,"line":1712},[6851,6855,6859],{"type":61,"tag":69,"props":6852,"children":6853},{"style":220},[6854],{"type":66,"value":3095},{"type":61,"tag":69,"props":6856,"children":6857},{"style":148},[6858],{"type":66,"value":4885},{"type":61,"tag":69,"props":6860,"children":6861},{"style":220},[6862],{"type":66,"value":4890},{"type":61,"tag":69,"props":6864,"children":6865},{"class":143,"line":1761},[6866,6870,6874],{"type":61,"tag":69,"props":6867,"children":6868},{"style":220},[6869],{"type":66,"value":3187},{"type":61,"tag":69,"props":6871,"children":6872},{"style":148},[6873],{"type":66,"value":4869},{"type":61,"tag":69,"props":6875,"children":6876},{"style":220},[6877],{"type":66,"value":3178},{"type":61,"tag":69,"props":6879,"children":6880},{"class":143,"line":1769},[6881,6885],{"type":61,"tag":69,"props":6882,"children":6883},{"style":322},[6884],{"type":66,"value":3027},{"type":61,"tag":69,"props":6886,"children":6887},{"style":220},[6888],{"type":66,"value":259},{"type":61,"tag":69,"props":6890,"children":6891},{"class":143,"line":1778},[6892],{"type":61,"tag":69,"props":6893,"children":6894},{"style":220},[6895],{"type":66,"value":1800},{"type":61,"tag":100,"props":6897,"children":6899},{"id":6898},"common-mistakes",[6900],{"type":66,"value":6901},"Common Mistakes",{"type":61,"tag":126,"props":6903,"children":6905},{"id":6904},"not-exporting-both-get-and-post-from-route-handler",[6906],{"type":66,"value":6907},"Not exporting both GET and POST from route handler",{"type":61,"tag":62,"props":6909,"children":6910},{},[6911,6913,6919,6920,6926],{"type":66,"value":6912},"Next.js App Router route handlers must export named ",{"type":61,"tag":114,"props":6914,"children":6916},{"className":6915},[],[6917],{"type":66,"value":6918},"GET",{"type":66,"value":1813},{"type":61,"tag":114,"props":6921,"children":6923},{"className":6922},[],[6924],{"type":66,"value":6925},"POST",{"type":66,"value":6927}," functions. Missing either causes queries or mutations to return 405 Method Not Allowed.",{"type":61,"tag":107,"props":6929,"children":6931},{"className":201,"code":6930,"language":203,"meta":116,"style":116},"\u002F\u002F WRONG\nexport default function handler(req: Request) { ... }\n\n\u002F\u002F CORRECT\nconst handler = (req: Request) =>\n fetchRequestHandler({ req, router: appRouter, endpoint: '\u002Fapi\u002Ftrpc', createContext });\nexport { handler as GET, handler as POST };\n",[6932],{"type":61,"tag":114,"props":6933,"children":6934},{"__ignoreMap":116},[6935,6943,6996,7003,7011,7050,7132],{"type":61,"tag":69,"props":6936,"children":6937},{"class":143,"line":144},[6938],{"type":61,"tag":69,"props":6939,"children":6940},{"style":6137},[6941],{"type":66,"value":6942},"\u002F\u002F WRONG\n",{"type":61,"tag":69,"props":6944,"children":6945},{"class":143,"line":262},[6946,6950,6954,6958,6962,6966,6970,6974,6978,6982,6986,6991],{"type":61,"tag":69,"props":6947,"children":6948},{"style":214},[6949],{"type":66,"value":278},{"type":61,"tag":69,"props":6951,"children":6952},{"style":214},[6953],{"type":66,"value":4382},{"type":61,"tag":69,"props":6955,"children":6956},{"style":281},[6957],{"type":66,"value":1528},{"type":61,"tag":69,"props":6959,"children":6960},{"style":441},[6961],{"type":66,"value":1401},{"type":61,"tag":69,"props":6963,"children":6964},{"style":220},[6965],{"type":66,"value":771},{"type":61,"tag":69,"props":6967,"children":6968},{"style":307},[6969],{"type":66,"value":1200},{"type":61,"tag":69,"props":6971,"children":6972},{"style":220},[6973],{"type":66,"value":315},{"type":61,"tag":69,"props":6975,"children":6976},{"style":148},[6977],{"type":66,"value":1209},{"type":61,"tag":69,"props":6979,"children":6980},{"style":220},[6981],{"type":66,"value":986},{"type":61,"tag":69,"props":6983,"children":6984},{"style":220},[6985],{"type":66,"value":223},{"type":61,"tag":69,"props":6987,"children":6988},{"style":220},[6989],{"type":66,"value":6990}," ...",{"type":61,"tag":69,"props":6992,"children":6993},{"style":220},[6994],{"type":66,"value":6995}," }\n",{"type":61,"tag":69,"props":6997,"children":6998},{"class":143,"line":272},[6999],{"type":61,"tag":69,"props":7000,"children":7001},{"emptyLinePlaceholder":266},[7002],{"type":66,"value":269},{"type":61,"tag":69,"props":7004,"children":7005},{"class":143,"line":352},[7006],{"type":61,"tag":69,"props":7007,"children":7008},{"style":6137},[7009],{"type":66,"value":7010},"\u002F\u002F CORRECT\n",{"type":61,"tag":69,"props":7012,"children":7013},{"class":143,"line":392},[7014,7018,7022,7026,7030,7034,7038,7042,7046],{"type":61,"tag":69,"props":7015,"children":7016},{"style":281},[7017],{"type":66,"value":415},{"type":61,"tag":69,"props":7019,"children":7020},{"style":226},[7021],{"type":66,"value":1187},{"type":61,"tag":69,"props":7023,"children":7024},{"style":220},[7025],{"type":66,"value":294},{"type":61,"tag":69,"props":7027,"children":7028},{"style":220},[7029],{"type":66,"value":304},{"type":61,"tag":69,"props":7031,"children":7032},{"style":307},[7033],{"type":66,"value":1200},{"type":61,"tag":69,"props":7035,"children":7036},{"style":220},[7037],{"type":66,"value":315},{"type":61,"tag":69,"props":7039,"children":7040},{"style":148},[7041],{"type":66,"value":1209},{"type":61,"tag":69,"props":7043,"children":7044},{"style":220},[7045],{"type":66,"value":986},{"type":61,"tag":69,"props":7047,"children":7048},{"style":281},[7049],{"type":66,"value":1218},{"type":61,"tag":69,"props":7051,"children":7052},{"class":143,"line":401},[7053,7057,7061,7065,7069,7073,7078,7082,7086,7090,7095,7099,7103,7107,7111,7115,7120,7124,7128],{"type":61,"tag":69,"props":7054,"children":7055},{"style":441},[7056],{"type":66,"value":1226},{"type":61,"tag":69,"props":7058,"children":7059},{"style":226},[7060],{"type":66,"value":771},{"type":61,"tag":69,"props":7062,"children":7063},{"style":220},[7064],{"type":66,"value":829},{"type":61,"tag":69,"props":7066,"children":7067},{"style":226},[7068],{"type":66,"value":1341},{"type":61,"tag":69,"props":7070,"children":7071},{"style":220},[7072],{"type":66,"value":705},{"type":61,"tag":69,"props":7074,"children":7075},{"style":322},[7076],{"type":66,"value":7077}," router",{"type":61,"tag":69,"props":7079,"children":7080},{"style":220},[7081],{"type":66,"value":315},{"type":61,"tag":69,"props":7083,"children":7084},{"style":226},[7085],{"type":66,"value":1029},{"type":61,"tag":69,"props":7087,"children":7088},{"style":220},[7089],{"type":66,"value":705},{"type":61,"tag":69,"props":7091,"children":7092},{"style":322},[7093],{"type":66,"value":7094}," endpoint",{"type":61,"tag":69,"props":7096,"children":7097},{"style":220},[7098],{"type":66,"value":315},{"type":61,"tag":69,"props":7100,"children":7101},{"style":220},[7102],{"type":66,"value":244},{"type":61,"tag":69,"props":7104,"children":7105},{"style":154},[7106],{"type":66,"value":1255},{"type":61,"tag":69,"props":7108,"children":7109},{"style":220},[7110],{"type":66,"value":254},{"type":61,"tag":69,"props":7112,"children":7113},{"style":220},[7114],{"type":66,"value":705},{"type":61,"tag":69,"props":7116,"children":7117},{"style":226},[7118],{"type":66,"value":7119}," createContext ",{"type":61,"tag":69,"props":7121,"children":7122},{"style":220},[7123],{"type":66,"value":861},{"type":61,"tag":69,"props":7125,"children":7126},{"style":226},[7127],{"type":66,"value":986},{"type":61,"tag":69,"props":7129,"children":7130},{"style":220},[7131],{"type":66,"value":259},{"type":61,"tag":69,"props":7133,"children":7134},{"class":143,"line":409},[7135,7139,7143,7147,7151,7155,7159,7163,7167,7171],{"type":61,"tag":69,"props":7136,"children":7137},{"style":214},[7138],{"type":66,"value":278},{"type":61,"tag":69,"props":7140,"children":7141},{"style":220},[7142],{"type":66,"value":223},{"type":61,"tag":69,"props":7144,"children":7145},{"style":226},[7146],{"type":66,"value":1401},{"type":61,"tag":69,"props":7148,"children":7149},{"style":214},[7150],{"type":66,"value":1406},{"type":61,"tag":69,"props":7152,"children":7153},{"style":226},[7154],{"type":66,"value":1411},{"type":61,"tag":69,"props":7156,"children":7157},{"style":220},[7158],{"type":66,"value":705},{"type":61,"tag":69,"props":7160,"children":7161},{"style":226},[7162],{"type":66,"value":1401},{"type":61,"tag":69,"props":7164,"children":7165},{"style":214},[7166],{"type":66,"value":1406},{"type":61,"tag":69,"props":7168,"children":7169},{"style":226},[7170],{"type":66,"value":1428},{"type":61,"tag":69,"props":7172,"children":7173},{"style":220},[7174],{"type":66,"value":389},{"type":61,"tag":126,"props":7176,"children":7178},{"id":7177},"creating-a-singleton-queryclient-for-ssr",[7179],{"type":66,"value":7180},"Creating a singleton QueryClient for SSR",{"type":61,"tag":62,"props":7182,"children":7183},{},[7184,7186,7192],{"type":66,"value":7185},"In server components, each request needs its own ",{"type":61,"tag":114,"props":7187,"children":7189},{"className":7188},[],[7190],{"type":66,"value":7191},"QueryClient",{"type":66,"value":7193}," instance. A singleton leaks data between requests.",{"type":61,"tag":107,"props":7195,"children":7197},{"className":201,"code":7196,"language":203,"meta":116,"style":116},"\u002F\u002F WRONG\nconst queryClient = new QueryClient(); \u002F\u002F shared across requests!\n\n\u002F\u002F CORRECT\nexport const getQueryClient = cache(makeQueryClient);\n",[7198],{"type":61,"tag":114,"props":7199,"children":7200},{"__ignoreMap":116},[7201,7208,7246,7253,7260],{"type":61,"tag":69,"props":7202,"children":7203},{"class":143,"line":144},[7204],{"type":61,"tag":69,"props":7205,"children":7206},{"style":6137},[7207],{"type":66,"value":6942},{"type":61,"tag":69,"props":7209,"children":7210},{"class":143,"line":262},[7211,7215,7220,7224,7228,7232,7236,7241],{"type":61,"tag":69,"props":7212,"children":7213},{"style":281},[7214],{"type":66,"value":415},{"type":61,"tag":69,"props":7216,"children":7217},{"style":226},[7218],{"type":66,"value":7219}," queryClient ",{"type":61,"tag":69,"props":7221,"children":7222},{"style":220},[7223],{"type":66,"value":294},{"type":61,"tag":69,"props":7225,"children":7226},{"style":220},[7227],{"type":66,"value":1553},{"type":61,"tag":69,"props":7229,"children":7230},{"style":441},[7231],{"type":66,"value":1558},{"type":61,"tag":69,"props":7233,"children":7234},{"style":226},[7235],{"type":66,"value":501},{"type":61,"tag":69,"props":7237,"children":7238},{"style":220},[7239],{"type":66,"value":7240},";",{"type":61,"tag":69,"props":7242,"children":7243},{"style":6137},[7244],{"type":66,"value":7245}," \u002F\u002F shared across requests!\n",{"type":61,"tag":69,"props":7247,"children":7248},{"class":143,"line":272},[7249],{"type":61,"tag":69,"props":7250,"children":7251},{"emptyLinePlaceholder":266},[7252],{"type":66,"value":269},{"type":61,"tag":69,"props":7254,"children":7255},{"class":143,"line":352},[7256],{"type":61,"tag":69,"props":7257,"children":7258},{"style":6137},[7259],{"type":66,"value":7010},{"type":61,"tag":69,"props":7261,"children":7262},{"class":143,"line":392},[7263,7267,7271,7275,7279,7283,7287],{"type":61,"tag":69,"props":7264,"children":7265},{"style":214},[7266],{"type":66,"value":278},{"type":61,"tag":69,"props":7268,"children":7269},{"style":281},[7270],{"type":66,"value":284},{"type":61,"tag":69,"props":7272,"children":7273},{"style":226},[7274],{"type":66,"value":3607},{"type":61,"tag":69,"props":7276,"children":7277},{"style":220},[7278],{"type":66,"value":294},{"type":61,"tag":69,"props":7280,"children":7281},{"style":441},[7282],{"type":66,"value":3442},{"type":61,"tag":69,"props":7284,"children":7285},{"style":226},[7286],{"type":66,"value":3620},{"type":61,"tag":69,"props":7288,"children":7289},{"style":220},[7290],{"type":66,"value":259},{"type":61,"tag":62,"props":7292,"children":7293},{},[7294,7296,7302,7304,7309],{"type":66,"value":7295},"The ",{"type":61,"tag":114,"props":7297,"children":7299},{"className":7298},[],[7300],{"type":66,"value":7301},"cache()",{"type":66,"value":7303}," wrapper from React ensures the same ",{"type":61,"tag":114,"props":7305,"children":7307},{"className":7306},[],[7308],{"type":66,"value":7191},{"type":66,"value":7310}," is reused within a single request but a new one is created for each new request.",{"type":61,"tag":126,"props":7312,"children":7314},{"id":7313},"missing-dehydrateshoulddehydratequery-config",[7315],{"type":66,"value":7316},"Missing dehydrate\u002FshouldDehydrateQuery config",{"type":61,"tag":62,"props":7318,"children":7319},{},[7320,7322,7328],{"type":66,"value":7321},"RSC hydration requires ",{"type":61,"tag":114,"props":7323,"children":7325},{"className":7324},[],[7326],{"type":66,"value":7327},"shouldDehydrateQuery",{"type":66,"value":7329}," to include pending queries so that prefetched-but-not-yet-resolved promises can stream to the client. Without this, prefetched queries may not appear in the hydrated state.",{"type":61,"tag":107,"props":7331,"children":7333},{"className":201,"code":7332,"language":203,"meta":116,"style":116},"\u002F\u002F WRONG\nnew QueryClient(); \u002F\u002F default shouldDehydrateQuery skips pending\n\n\u002F\u002F CORRECT\nnew QueryClient({\n defaultOptions: {\n dehydrate: {\n shouldDehydrateQuery: (query) =>\n defaultShouldDehydrateQuery(query) || query.state.status === 'pending',\n },\n },\n});\n",[7334],{"type":61,"tag":114,"props":7335,"children":7336},{"__ignoreMap":116},[7337,7344,7369,7376,7383,7402,7418,7434,7462,7523,7530,7538],{"type":61,"tag":69,"props":7338,"children":7339},{"class":143,"line":144},[7340],{"type":61,"tag":69,"props":7341,"children":7342},{"style":6137},[7343],{"type":66,"value":6942},{"type":61,"tag":69,"props":7345,"children":7346},{"class":143,"line":262},[7347,7352,7356,7360,7364],{"type":61,"tag":69,"props":7348,"children":7349},{"style":220},[7350],{"type":66,"value":7351},"new",{"type":61,"tag":69,"props":7353,"children":7354},{"style":441},[7355],{"type":66,"value":1558},{"type":61,"tag":69,"props":7357,"children":7358},{"style":226},[7359],{"type":66,"value":501},{"type":61,"tag":69,"props":7361,"children":7362},{"style":220},[7363],{"type":66,"value":7240},{"type":61,"tag":69,"props":7365,"children":7366},{"style":6137},[7367],{"type":66,"value":7368}," \u002F\u002F default shouldDehydrateQuery skips pending\n",{"type":61,"tag":69,"props":7370,"children":7371},{"class":143,"line":272},[7372],{"type":61,"tag":69,"props":7373,"children":7374},{"emptyLinePlaceholder":266},[7375],{"type":66,"value":269},{"type":61,"tag":69,"props":7377,"children":7378},{"class":143,"line":352},[7379],{"type":61,"tag":69,"props":7380,"children":7381},{"style":6137},[7382],{"type":66,"value":7010},{"type":61,"tag":69,"props":7384,"children":7385},{"class":143,"line":392},[7386,7390,7394,7398],{"type":61,"tag":69,"props":7387,"children":7388},{"style":220},[7389],{"type":66,"value":7351},{"type":61,"tag":69,"props":7391,"children":7392},{"style":441},[7393],{"type":66,"value":1558},{"type":61,"tag":69,"props":7395,"children":7396},{"style":226},[7397],{"type":66,"value":771},{"type":61,"tag":69,"props":7399,"children":7400},{"style":220},[7401],{"type":66,"value":776},{"type":61,"tag":69,"props":7403,"children":7404},{"class":143,"line":401},[7405,7410,7414],{"type":61,"tag":69,"props":7406,"children":7407},{"style":322},[7408],{"type":66,"value":7409}," defaultOptions",{"type":61,"tag":69,"props":7411,"children":7412},{"style":220},[7413],{"type":66,"value":315},{"type":61,"tag":69,"props":7415,"children":7416},{"style":220},[7417],{"type":66,"value":349},{"type":61,"tag":69,"props":7419,"children":7420},{"class":143,"line":409},[7421,7426,7430],{"type":61,"tag":69,"props":7422,"children":7423},{"style":322},[7424],{"type":66,"value":7425}," dehydrate",{"type":61,"tag":69,"props":7427,"children":7428},{"style":220},[7429],{"type":66,"value":315},{"type":61,"tag":69,"props":7431,"children":7432},{"style":220},[7433],{"type":66,"value":349},{"type":61,"tag":69,"props":7435,"children":7436},{"class":143,"line":432},[7437,7442,7446,7450,7454,7458],{"type":61,"tag":69,"props":7438,"children":7439},{"style":441},[7440],{"type":66,"value":7441}," shouldDehydrateQuery",{"type":61,"tag":69,"props":7443,"children":7444},{"style":220},[7445],{"type":66,"value":315},{"type":61,"tag":69,"props":7447,"children":7448},{"style":220},[7449],{"type":66,"value":304},{"type":61,"tag":69,"props":7451,"children":7452},{"style":307},[7453],{"type":66,"value":878},{"type":61,"tag":69,"props":7455,"children":7456},{"style":220},[7457],{"type":66,"value":986},{"type":61,"tag":69,"props":7459,"children":7460},{"style":281},[7461],{"type":66,"value":1218},{"type":61,"tag":69,"props":7463,"children":7464},{"class":143,"line":486},[7465,7470,7475,7480,7485,7489,7493,7497,7502,7507,7511,7515,7519],{"type":61,"tag":69,"props":7466,"children":7467},{"style":441},[7468],{"type":66,"value":7469}," defaultShouldDehydrateQuery",{"type":61,"tag":69,"props":7471,"children":7472},{"style":226},[7473],{"type":66,"value":7474},"(query) ",{"type":61,"tag":69,"props":7476,"children":7477},{"style":220},[7478],{"type":66,"value":7479},"||",{"type":61,"tag":69,"props":7481,"children":7482},{"style":226},[7483],{"type":66,"value":7484}," query",{"type":61,"tag":69,"props":7486,"children":7487},{"style":220},[7488],{"type":66,"value":544},{"type":61,"tag":69,"props":7490,"children":7491},{"style":226},[7492],{"type":66,"value":1727},{"type":61,"tag":69,"props":7494,"children":7495},{"style":220},[7496],{"type":66,"value":544},{"type":61,"tag":69,"props":7498,"children":7499},{"style":226},[7500],{"type":66,"value":7501},"status ",{"type":61,"tag":69,"props":7503,"children":7504},{"style":220},[7505],{"type":66,"value":7506},"===",{"type":61,"tag":69,"props":7508,"children":7509},{"style":220},[7510],{"type":66,"value":244},{"type":61,"tag":69,"props":7512,"children":7513},{"style":154},[7514],{"type":66,"value":1750},{"type":61,"tag":69,"props":7516,"children":7517},{"style":220},[7518],{"type":66,"value":254},{"type":61,"tag":69,"props":7520,"children":7521},{"style":220},[7522],{"type":66,"value":957},{"type":61,"tag":69,"props":7524,"children":7525},{"class":143,"line":508},[7526],{"type":61,"tag":69,"props":7527,"children":7528},{"style":220},[7529],{"type":66,"value":1775},{"type":61,"tag":69,"props":7531,"children":7532},{"class":143,"line":516},[7533],{"type":61,"tag":69,"props":7534,"children":7535},{"style":220},[7536],{"type":66,"value":7537}," },\n",{"type":61,"tag":69,"props":7539,"children":7540},{"class":143,"line":556},[7541,7545,7549],{"type":61,"tag":69,"props":7542,"children":7543},{"style":220},[7544],{"type":66,"value":861},{"type":61,"tag":69,"props":7546,"children":7547},{"style":226},[7548],{"type":66,"value":986},{"type":61,"tag":69,"props":7550,"children":7551},{"style":220},[7552],{"type":66,"value":259},{"type":61,"tag":126,"props":7554,"children":7556},{"id":7555},"suspense-query-failure-crashes-entire-page-during-ssr",[7557],{"type":66,"value":7558},"Suspense query failure crashes entire page during SSR",{"type":61,"tag":62,"props":7560,"children":7561},{},[7562,7564,7570,7572,7578],{"type":66,"value":7563},"If a query fails during SSR with ",{"type":61,"tag":114,"props":7565,"children":7567},{"className":7566},[],[7568],{"type":66,"value":7569},"useSuspenseQuery",{"type":66,"value":7571},", the entire page crashes. Error Boundaries only catch errors on the client side. For critical pages, either handle errors server-side before rendering, or use ",{"type":61,"tag":114,"props":7573,"children":7575},{"className":7574},[],[7576],{"type":66,"value":7577},"useQuery",{"type":66,"value":7579}," (non-suspense) which allows graceful degradation.",{"type":61,"tag":100,"props":7581,"children":7583},{"id":7582},"see-also",[7584],{"type":66,"value":7585},"See Also",{"type":61,"tag":7587,"props":7588,"children":7589},"ul",{},[7590,7600,7609,7618],{"type":61,"tag":7591,"props":7592,"children":7593},"li",{},[7594,7598],{"type":61,"tag":69,"props":7595,"children":7596},{},[7597],{"type":66,"value":49},{"type":66,"value":7599}," -- TanStack React Query setup, queryOptions\u002FmutationOptions factories",{"type":61,"tag":7591,"props":7601,"children":7602},{},[7603,7607],{"type":61,"tag":69,"props":7604,"children":7605},{},[7606],{"type":66,"value":50},{"type":66,"value":7608}," -- fetchRequestHandler for edge\u002Fserverless runtimes",{"type":61,"tag":7591,"props":7610,"children":7611},{},[7612,7616],{"type":61,"tag":69,"props":7613,"children":7614},{},[7615],{"type":66,"value":47},{"type":66,"value":7617}," -- initTRPC, routers, procedures, context",{"type":61,"tag":7591,"props":7619,"children":7620},{},[7621,7626],{"type":61,"tag":69,"props":7622,"children":7623},{},[7624],{"type":66,"value":7625},"nextjs-pages-router",{"type":66,"value":7627}," -- if maintaining a Pages Router project alongside App Router",{"type":61,"tag":7629,"props":7630,"children":7631},"style",{},[7632],{"type":66,"value":7633},"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":7635,"total":2474},[7636,7651,7664,7677,7696,7709,7723,7737,7746,7759,7769,7781],{"slug":7637,"name":7637,"fn":7638,"description":7639,"org":7640,"tags":7641,"stars":26,"repoUrl":27,"updatedAt":7650},"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},[7642,7645,7648,7649],{"name":7643,"slug":7644,"type":15},"API Development","api-development",{"name":7646,"slug":7647,"type":15},"AWS","aws",{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:47:05.451869",{"slug":7652,"name":7652,"fn":7653,"description":7654,"org":7655,"tags":7656,"stars":26,"repoUrl":27,"updatedAt":7663},"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},[7657,7658,7659,7662],{"name":7643,"slug":7644,"type":15},{"name":13,"slug":14,"type":15},{"name":7660,"slug":7661,"type":15},"Express","express",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:53.274248",{"slug":7665,"name":7665,"fn":7666,"description":7667,"org":7668,"tags":7669,"stars":26,"repoUrl":27,"updatedAt":7676},"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},[7670,7671,7672,7675],{"name":7643,"slug":7644,"type":15},{"name":13,"slug":14,"type":15},{"name":7673,"slug":7674,"type":15},"Fastify","fastify",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:53.746621",{"slug":50,"name":50,"fn":7678,"description":7679,"org":7680,"tags":7681,"stars":26,"repoUrl":27,"updatedAt":7695},"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},[7682,7685,7688,7691,7692],{"name":7683,"slug":7684,"type":15},"Cloudflare","cloudflare",{"name":7686,"slug":7687,"type":15},"Deployment","deployment",{"name":7689,"slug":7690,"type":15},"Edge","edge",{"name":9,"slug":8,"type":15},{"name":7693,"slug":7694,"type":15},"Vercel","vercel","2026-07-18T05:46:50.548228",{"slug":7697,"name":7697,"fn":7698,"description":7699,"org":7700,"tags":7701,"stars":26,"repoUrl":27,"updatedAt":7708},"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},[7702,7703,7704,7707],{"name":7643,"slug":7644,"type":15},{"name":13,"slug":14,"type":15},{"name":7705,"slug":7706,"type":15},"Node.js","node-js",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:58.093869",{"slug":7710,"name":7710,"fn":7711,"description":7712,"org":7713,"tags":7714,"stars":26,"repoUrl":27,"updatedAt":7722},"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},[7715,7717,7720,7721],{"name":7716,"slug":7710,"type":15},"Auth",{"name":7718,"slug":7719,"type":15},"Authentication","authentication",{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:46:45.347628",{"slug":7724,"name":7724,"fn":7725,"description":7726,"org":7727,"tags":7728,"stars":26,"repoUrl":27,"updatedAt":7736},"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},[7729,7730,7732,7735],{"name":13,"slug":14,"type":15},{"name":7731,"slug":7724,"type":15},"Caching",{"name":7733,"slug":7734,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:45.86443",{"slug":48,"name":48,"fn":7738,"description":7739,"org":7740,"tags":7741,"stars":26,"repoUrl":27,"updatedAt":7745},"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},[7742,7743,7744],{"name":7643,"slug":7644,"type":15},{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:48:11.437946",{"slug":7747,"name":7747,"fn":7748,"description":7749,"org":7750,"tags":7751,"stars":26,"repoUrl":27,"updatedAt":7758},"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},[7752,7753,7756,7757],{"name":13,"slug":14,"type":15},{"name":7754,"slug":7755,"type":15},"Debugging","debugging",{"name":9,"slug":8,"type":15},{"name":20,"slug":21,"type":15},"2026-07-18T05:46:52.798151",{"slug":7760,"name":7760,"fn":7761,"description":7762,"org":7763,"tags":7764,"stars":26,"repoUrl":27,"updatedAt":7768},"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},[7765,7766,7767],{"name":7643,"slug":7644,"type":15},{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:47:06.847309",{"slug":7770,"name":7770,"fn":7771,"description":7772,"org":7773,"tags":7774,"stars":26,"repoUrl":27,"updatedAt":7780},"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},[7775,7776,7779],{"name":13,"slug":14,"type":15},{"name":7777,"slug":7778,"type":15},"Middleware","middleware",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:49.132255",{"slug":4,"name":4,"fn":5,"description":6,"org":7782,"tags":7783,"stars":26,"repoUrl":27,"updatedAt":28},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7784,7785,7786,7787,7788],{"name":13,"slug":14,"type":15},{"name":24,"slug":25,"type":15},{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},{"name":20,"slug":21,"type":15},{"items":7790,"total":2474},[7791,7798,7805,7812,7820,7827,7834],{"slug":7637,"name":7637,"fn":7638,"description":7639,"org":7792,"tags":7793,"stars":26,"repoUrl":27,"updatedAt":7650},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7794,7795,7796,7797],{"name":7643,"slug":7644,"type":15},{"name":7646,"slug":7647,"type":15},{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},{"slug":7652,"name":7652,"fn":7653,"description":7654,"org":7799,"tags":7800,"stars":26,"repoUrl":27,"updatedAt":7663},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7801,7802,7803,7804],{"name":7643,"slug":7644,"type":15},{"name":13,"slug":14,"type":15},{"name":7660,"slug":7661,"type":15},{"name":9,"slug":8,"type":15},{"slug":7665,"name":7665,"fn":7666,"description":7667,"org":7806,"tags":7807,"stars":26,"repoUrl":27,"updatedAt":7676},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7808,7809,7810,7811],{"name":7643,"slug":7644,"type":15},{"name":13,"slug":14,"type":15},{"name":7673,"slug":7674,"type":15},{"name":9,"slug":8,"type":15},{"slug":50,"name":50,"fn":7678,"description":7679,"org":7813,"tags":7814,"stars":26,"repoUrl":27,"updatedAt":7695},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7815,7816,7817,7818,7819],{"name":7683,"slug":7684,"type":15},{"name":7686,"slug":7687,"type":15},{"name":7689,"slug":7690,"type":15},{"name":9,"slug":8,"type":15},{"name":7693,"slug":7694,"type":15},{"slug":7697,"name":7697,"fn":7698,"description":7699,"org":7821,"tags":7822,"stars":26,"repoUrl":27,"updatedAt":7708},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7823,7824,7825,7826],{"name":7643,"slug":7644,"type":15},{"name":13,"slug":14,"type":15},{"name":7705,"slug":7706,"type":15},{"name":9,"slug":8,"type":15},{"slug":7710,"name":7710,"fn":7711,"description":7712,"org":7828,"tags":7829,"stars":26,"repoUrl":27,"updatedAt":7722},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7830,7831,7832,7833],{"name":7716,"slug":7710,"type":15},{"name":7718,"slug":7719,"type":15},{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},{"slug":7724,"name":7724,"fn":7725,"description":7726,"org":7835,"tags":7836,"stars":26,"repoUrl":27,"updatedAt":7736},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7837,7838,7839,7840],{"name":13,"slug":14,"type":15},{"name":7731,"slug":7724,"type":15},{"name":7733,"slug":7734,"type":15},{"name":9,"slug":8,"type":15}]