[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-trpc-react-query-setup":3,"mdc--wtmgip-key":41,"related-org-trpc-react-query-setup":6585,"related-repo-trpc-react-query-setup":6745},{"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":36,"sourceUrl":39,"mdContent":40},"react-query-setup","configure tRPC with TanStack React Query","Set up @trpc\u002Ftanstack-react-query with createTRPCContext(), TRPCProvider, useTRPC() hook, queryOptions\u002FmutationOptions factories, query invalidation via queryClient.invalidateQueries with queryFilter, and type inference with inferInput\u002FinferOutput.\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},"React","react","tag",{"name":17,"slug":18,"type":15},"Backend","backend",{"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.927971",null,1636,[32,33,34,35,14,21],"api","next","nextjs","prisma",{"repoUrl":27,"stars":26,"forks":30,"topics":37,"description":38},[32,33,34,35,14,21],"🧙‍♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy. ","https:\u002F\u002Fgithub.com\u002Ftrpc\u002Ftrpc\u002Ftree\u002FHEAD\u002Fpackages\u002Ftanstack-react-query\u002Fskills\u002Freact-query-setup","---\nname: react-query-setup\ndescription: >\n Set up @trpc\u002Ftanstack-react-query with createTRPCContext(), TRPCProvider,\n useTRPC() hook, queryOptions\u002FmutationOptions factories, query invalidation\n via queryClient.invalidateQueries with queryFilter, and type inference\n with inferInput\u002FinferOutput.\ntype: framework\nlibrary: trpc\nframework: react\nlibrary_version: '11.16.0'\nrequires:\n - client-setup\n - links\nsources:\n - www\u002Fdocs\u002Fclient\u002Ftanstack-react-query\u002Foverview.md\n - www\u002Fdocs\u002Fclient\u002Ftanstack-react-query\u002Fsetup.mdx\n - www\u002Fdocs\u002Fclient\u002Ftanstack-react-query\u002Fusage.mdx\n - packages\u002Ftanstack-react-query\u002Fsrc\u002F\n---\n\nThis skill builds on [client-setup] and [links]. Read them first for foundational concepts.\n\n# tRPC -- TanStack React Query Setup\n\n## Setup\n\n### Install\n\n```sh\nnpm install @trpc\u002Fserver @trpc\u002Fclient @trpc\u002Ftanstack-react-query @tanstack\u002Freact-query\n```\n\n### Create the tRPC context (with React context)\n\n```ts title=\"utils\u002Ftrpc.ts\"\nimport { createTRPCContext } from '@trpc\u002Ftanstack-react-query';\nimport type { AppRouter } from '..\u002Fserver\u002Frouter';\n\nexport const { TRPCProvider, useTRPC, useTRPCClient } =\n createTRPCContext\u003CAppRouter>();\n```\n\n### Wire up providers\n\n```tsx title=\"components\u002FApp.tsx\"\nimport { QueryClient, QueryClientProvider } from '@tanstack\u002Freact-query';\nimport { createTRPCClient, httpBatchLink } from '@trpc\u002Fclient';\nimport { useState } from 'react';\nimport type { AppRouter } from '..\u002Fserver\u002Frouter';\nimport { TRPCProvider } from '..\u002Futils\u002Ftrpc';\n\nfunction makeQueryClient() {\n return new QueryClient({\n defaultOptions: {\n queries: {\n staleTime: 60 * 1000,\n },\n },\n });\n}\n\nlet browserQueryClient: QueryClient | undefined = undefined;\n\nfunction getQueryClient() {\n if (typeof window === 'undefined') {\n return makeQueryClient();\n }\n if (!browserQueryClient) browserQueryClient = makeQueryClient();\n return browserQueryClient;\n}\n\nexport function App() {\n const queryClient = getQueryClient();\n const [trpcClient] = useState(() =>\n createTRPCClient\u003CAppRouter>({\n links: [\n httpBatchLink({\n url: 'http:\u002F\u002Flocalhost:3000\u002Fapi\u002Ftrpc',\n }),\n ],\n }),\n );\n\n return (\n \u003CQueryClientProvider client={queryClient}>\n \u003CTRPCProvider trpcClient={trpcClient} queryClient={queryClient}>\n {\u002F* Your app here *\u002F}\n \u003C\u002FTRPCProvider>\n \u003C\u002FQueryClientProvider>\n );\n}\n```\n\n### Alternative: setup without React context (SPA \u002F Vite)\n\n```ts title=\"utils\u002Ftrpc.ts\"\nimport { QueryClient } from '@tanstack\u002Freact-query';\nimport { createTRPCClient, httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCOptionsProxy } from '@trpc\u002Ftanstack-react-query';\nimport type { AppRouter } from '..\u002Fserver\u002Frouter';\n\nexport const queryClient = new QueryClient();\n\nconst trpcClient = createTRPCClient\u003CAppRouter>({\n links: [httpBatchLink({ url: 'http:\u002F\u002Flocalhost:3000\u002Fapi\u002Ftrpc' })],\n});\n\nexport const trpc = createTRPCOptionsProxy\u003CAppRouter>({\n client: trpcClient,\n queryClient,\n});\n```\n\nWhen using the singleton pattern, wrap your app with `QueryClientProvider` only (no `TRPCProvider` needed) and import `trpc` directly instead of calling `useTRPC()`.\n\n## Core Patterns\n\n### queryOptions -- querying data\n\n```tsx title=\"components\u002FUserList.tsx\"\nimport { skipToken, useQuery, useSuspenseQuery } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction UserList() {\n const trpc = useTRPC();\n\n \u002F\u002F Basic query\n const userQuery = useQuery(trpc.user.byId.queryOptions({ id: '1' }));\n\n \u002F\u002F With TanStack Query options\n const staleQuery = useQuery(\n trpc.user.byId.queryOptions({ id: '1' }, { staleTime: 5000 }),\n );\n\n \u002F\u002F Suspense query\n const { data } = useSuspenseQuery(trpc.user.byId.queryOptions({ id: '1' }));\n\n \u002F\u002F Conditional query with skipToken\n const conditionalQuery = useQuery(\n trpc.user.byId.queryOptions(userId ? { id: userId } : skipToken),\n );\n\n return \u003Cdiv>{userQuery.data?.name}\u003C\u002Fdiv>;\n}\n```\n\n### mutationOptions -- writing data\n\n```tsx\nimport { useMutation, useQueryClient } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction CreateUser() {\n const trpc = useTRPC();\n const queryClient = useQueryClient();\n\n const createUser = useMutation(\n trpc.user.create.mutationOptions({\n onSuccess: () => {\n queryClient.invalidateQueries(trpc.user.queryFilter());\n },\n }),\n );\n\n return (\n \u003Cbutton onClick={() => createUser.mutate({ name: 'Alice' })}>Create\u003C\u002Fbutton>\n );\n}\n```\n\n### Query invalidation and cache manipulation\n\n```tsx\nimport { useQueryClient } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction InvalidationExample() {\n const trpc = useTRPC();\n const queryClient = useQueryClient();\n\n \u002F\u002F Invalidate a specific query\n const invalidateOne = () =>\n queryClient.invalidateQueries(trpc.user.byId.queryFilter({ id: '1' }));\n\n \u002F\u002F Invalidate all queries under a router\n const invalidateAll = () =>\n queryClient.invalidateQueries(trpc.user.queryFilter());\n\n \u002F\u002F Invalidate ALL tRPC queries\n const invalidateEverything = () =>\n queryClient.invalidateQueries({ queryKey: trpc.pathKey() });\n\n \u002F\u002F Read\u002Fwrite cache directly\n const cached = queryClient.getQueryData(trpc.user.byId.queryKey({ id: '1' }));\n queryClient.setQueryData(trpc.user.byId.queryKey({ id: '1' }), {\n id: '1',\n name: 'Updated',\n });\n}\n```\n\n### infiniteQueryOptions -- paginated data\n\n```tsx\nimport { useInfiniteQuery } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction InfiniteList() {\n const trpc = useTRPC();\n\n const posts = useInfiniteQuery(\n trpc.post.list.infiniteQueryOptions(\n { limit: 10 },\n {\n getNextPageParam: (lastPage) => lastPage.nextCursor,\n },\n ),\n );\n\n return (\n \u003Cdiv>\n {posts.data?.pages.flatMap((page) =>\n page.items.map((item) => \u003Cdiv key={item.id}>{item.title}\u003C\u002Fdiv>),\n )}\n \u003Cbutton onClick={() => posts.fetchNextPage()}>Load more\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n );\n}\n```\n\n### subscriptionOptions -- real-time data\n\n```tsx\nimport { useSubscription } from '@trpc\u002Ftanstack-react-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction ChatMessages() {\n const trpc = useTRPC();\n\n const sub = useSubscription(\n trpc.chat.onMessage.subscriptionOptions(\n { channelId: 'general' },\n {\n onData: (message) => {\n console.log('New message:', message);\n },\n onError: (err) => {\n console.error('Subscription error:', err);\n },\n },\n ),\n );\n\n return (\n \u003Cdiv>\n Status: {sub.status}, Last: {JSON.stringify(sub.data)}\n \u003C\u002Fdiv>\n );\n}\n```\n\n### Type inference\n\n```ts\nimport type { inferRouterInputs, inferRouterOutputs } from '@trpc\u002Fserver';\nimport type { inferInput, inferOutput } from '@trpc\u002Ftanstack-react-query';\nimport type { AppRouter } from '..\u002Fserver\u002Frouter';\n\n\u002F\u002F Router-level inference\ntype Inputs = inferRouterInputs\u003CAppRouter>;\ntype Outputs = inferRouterOutputs\u003CAppRouter>;\ntype UserInput = Inputs['user']['byId'];\ntype UserOutput = Outputs['user']['byId'];\n\n\u002F\u002F Procedure-level inference (inside component)\n\u002F\u002F const trpc = useTRPC();\n\u002F\u002F type Input = inferInput\u003Ctypeof trpc.user.byId>;\n\u002F\u002F type Output = inferOutput\u003Ctypeof trpc.user.byId>;\n```\n\n### Accessing the tRPC client directly\n\n```tsx\nimport { useTRPCClient } from '..\u002Futils\u002Ftrpc';\n\nasync function DirectCall() {\n const client = useTRPCClient();\n const result = await client.user.byId.query({ id: '1' });\n}\n```\n\n## Common Mistakes\n\n### Using useQuery without the queryOptions factory\n\nCalling `useQuery({ queryKey: [...], queryFn: ... })` manually bypasses tRPC's type-safe query key generation and loses autocomplete. Always use the options factory.\n\n```tsx\n\u002F\u002F WRONG\nuseQuery({ queryKey: ['user', id], queryFn: () => fetch(...) });\n\n\u002F\u002F CORRECT\nconst trpc = useTRPC();\nuseQuery(trpc.user.byId.queryOptions({ id }));\n```\n\n### Missing TRPCProvider wrapper\n\n`useTRPC()` throws `\"can only be used inside a \u003CTRPCProvider>\"` if the component tree is not wrapped. Ensure `TRPCProvider` is mounted above all components that call `useTRPC()`, typically in your root `App` component.\n\n### Invalidating queries with the classic utils pattern\n\nThe new `@trpc\u002Ftanstack-react-query` package does not use `utils.invalidate()`. Use `queryClient.invalidateQueries()` with `queryFilter()` instead.\n\n```tsx\n\u002F\u002F WRONG -- classic pattern does not work with new package\nutils.post.invalidate();\n\n\u002F\u002F CORRECT\nconst trpc = useTRPC();\nconst queryClient = useQueryClient();\nqueryClient.invalidateQueries(trpc.post.queryFilter());\n```\n\n### Creating a singleton QueryClient for SSR\n\nIn server-rendered apps, a singleton `QueryClient` leaks data between requests. Always create a new `QueryClient` per request on the server, and reuse a single instance only in the browser.\n\n```ts\n\u002F\u002F WRONG\nconst queryClient = new QueryClient(); \u002F\u002F shared across requests!\n\n\u002F\u002F CORRECT\nfunction getQueryClient() {\n if (typeof window === 'undefined') return makeQueryClient();\n if (!browserQueryClient) browserQueryClient = makeQueryClient();\n return browserQueryClient;\n}\n```\n\n## See Also\n\n- [client-setup] -- vanilla tRPC client, links, and transport configuration\n- [links] -- httpBatchLink, splitLink, and other link types\n- [react-query-classic-migration] -- migrating from @trpc\u002Freact-query to @trpc\u002Ftanstack-react-query\n- [nextjs-app-router] -- using this integration with Next.js App Router and RSC\n",{"data":42,"body":53},{"name":4,"description":6,"type":43,"library":8,"framework":14,"library_version":44,"requires":45,"sources":48},"framework","11.16.0",[46,47],"client-setup","links",[49,50,51,52],"www\u002Fdocs\u002Fclient\u002Ftanstack-react-query\u002Foverview.md","www\u002Fdocs\u002Fclient\u002Ftanstack-react-query\u002Fsetup.mdx","www\u002Fdocs\u002Fclient\u002Ftanstack-react-query\u002Fusage.mdx","packages\u002Ftanstack-react-query\u002Fsrc\u002F",{"type":54,"children":55},"root",[56,77,84,91,98,147,153,358,364,1440,1446,1891,1925,1931,1937,2678,2684,3178,3184,3952,3958,4593,4599,5196,5202,5600,5606,5809,5815,5821,5834,6052,6058,6098,6104,6140,6299,6305,6325,6530,6536,6579],{"type":57,"tag":58,"props":59,"children":60},"element","p",{},[61,64,69,71,75],{"type":62,"value":63},"text","This skill builds on ",{"type":57,"tag":65,"props":66,"children":67},"span",{},[68],{"type":62,"value":46},{"type":62,"value":70}," and ",{"type":57,"tag":65,"props":72,"children":73},{},[74],{"type":62,"value":47},{"type":62,"value":76},". Read them first for foundational concepts.",{"type":57,"tag":78,"props":79,"children":81},"h1",{"id":80},"trpc-tanstack-react-query-setup",[82],{"type":62,"value":83},"tRPC -- TanStack React Query Setup",{"type":57,"tag":85,"props":86,"children":88},"h2",{"id":87},"setup",[89],{"type":62,"value":90},"Setup",{"type":57,"tag":92,"props":93,"children":95},"h3",{"id":94},"install",[96],{"type":62,"value":97},"Install",{"type":57,"tag":99,"props":100,"children":105},"pre",{"className":101,"code":102,"language":103,"meta":104,"style":104},"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\n","sh","",[106],{"type":57,"tag":107,"props":108,"children":109},"code",{"__ignoreMap":104},[110],{"type":57,"tag":65,"props":111,"children":114},{"class":112,"line":113},"line",1,[115,121,127,132,137,142],{"type":57,"tag":65,"props":116,"children":118},{"style":117},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[119],{"type":62,"value":120},"npm",{"type":57,"tag":65,"props":122,"children":124},{"style":123},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[125],{"type":62,"value":126}," install",{"type":57,"tag":65,"props":128,"children":129},{"style":123},[130],{"type":62,"value":131}," @trpc\u002Fserver",{"type":57,"tag":65,"props":133,"children":134},{"style":123},[135],{"type":62,"value":136}," @trpc\u002Fclient",{"type":57,"tag":65,"props":138,"children":139},{"style":123},[140],{"type":62,"value":141}," @trpc\u002Ftanstack-react-query",{"type":57,"tag":65,"props":143,"children":144},{"style":123},[145],{"type":62,"value":146}," @tanstack\u002Freact-query\n",{"type":57,"tag":92,"props":148,"children":150},{"id":149},"create-the-trpc-context-with-react-context",[151],{"type":62,"value":152},"Create the tRPC context (with React context)",{"type":57,"tag":99,"props":154,"children":159},{"className":155,"code":156,"language":157,"meta":158,"style":104},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createTRPCContext } from '@trpc\u002Ftanstack-react-query';\nimport type { AppRouter } from '..\u002Fserver\u002Frouter';\n\nexport const { TRPCProvider, useTRPC, useTRPCClient } =\n createTRPCContext\u003CAppRouter>();\n","ts","title=\"utils\u002Ftrpc.ts\"",[160],{"type":57,"tag":107,"props":161,"children":162},{"__ignoreMap":104},[163,214,261,271,324],{"type":57,"tag":65,"props":164,"children":165},{"class":112,"line":113},[166,172,178,184,189,194,199,204,209],{"type":57,"tag":65,"props":167,"children":169},{"style":168},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[170],{"type":62,"value":171},"import",{"type":57,"tag":65,"props":173,"children":175},{"style":174},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[176],{"type":62,"value":177}," {",{"type":57,"tag":65,"props":179,"children":181},{"style":180},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[182],{"type":62,"value":183}," createTRPCContext",{"type":57,"tag":65,"props":185,"children":186},{"style":174},[187],{"type":62,"value":188}," }",{"type":57,"tag":65,"props":190,"children":191},{"style":168},[192],{"type":62,"value":193}," from",{"type":57,"tag":65,"props":195,"children":196},{"style":174},[197],{"type":62,"value":198}," '",{"type":57,"tag":65,"props":200,"children":201},{"style":123},[202],{"type":62,"value":203},"@trpc\u002Ftanstack-react-query",{"type":57,"tag":65,"props":205,"children":206},{"style":174},[207],{"type":62,"value":208},"'",{"type":57,"tag":65,"props":210,"children":211},{"style":174},[212],{"type":62,"value":213},";\n",{"type":57,"tag":65,"props":215,"children":217},{"class":112,"line":216},2,[218,222,227,231,236,240,244,248,253,257],{"type":57,"tag":65,"props":219,"children":220},{"style":168},[221],{"type":62,"value":171},{"type":57,"tag":65,"props":223,"children":224},{"style":168},[225],{"type":62,"value":226}," type",{"type":57,"tag":65,"props":228,"children":229},{"style":174},[230],{"type":62,"value":177},{"type":57,"tag":65,"props":232,"children":233},{"style":180},[234],{"type":62,"value":235}," AppRouter",{"type":57,"tag":65,"props":237,"children":238},{"style":174},[239],{"type":62,"value":188},{"type":57,"tag":65,"props":241,"children":242},{"style":168},[243],{"type":62,"value":193},{"type":57,"tag":65,"props":245,"children":246},{"style":174},[247],{"type":62,"value":198},{"type":57,"tag":65,"props":249,"children":250},{"style":123},[251],{"type":62,"value":252},"..\u002Fserver\u002Frouter",{"type":57,"tag":65,"props":254,"children":255},{"style":174},[256],{"type":62,"value":208},{"type":57,"tag":65,"props":258,"children":259},{"style":174},[260],{"type":62,"value":213},{"type":57,"tag":65,"props":262,"children":264},{"class":112,"line":263},3,[265],{"type":57,"tag":65,"props":266,"children":268},{"emptyLinePlaceholder":267},true,[269],{"type":62,"value":270},"\n",{"type":57,"tag":65,"props":272,"children":274},{"class":112,"line":273},4,[275,280,286,290,295,300,305,309,314,319],{"type":57,"tag":65,"props":276,"children":277},{"style":168},[278],{"type":62,"value":279},"export",{"type":57,"tag":65,"props":281,"children":283},{"style":282},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[284],{"type":62,"value":285}," const",{"type":57,"tag":65,"props":287,"children":288},{"style":174},[289],{"type":62,"value":177},{"type":57,"tag":65,"props":291,"children":292},{"style":180},[293],{"type":62,"value":294}," TRPCProvider",{"type":57,"tag":65,"props":296,"children":297},{"style":174},[298],{"type":62,"value":299},",",{"type":57,"tag":65,"props":301,"children":302},{"style":180},[303],{"type":62,"value":304}," useTRPC",{"type":57,"tag":65,"props":306,"children":307},{"style":174},[308],{"type":62,"value":299},{"type":57,"tag":65,"props":310,"children":311},{"style":180},[312],{"type":62,"value":313}," useTRPCClient ",{"type":57,"tag":65,"props":315,"children":316},{"style":174},[317],{"type":62,"value":318},"}",{"type":57,"tag":65,"props":320,"children":321},{"style":174},[322],{"type":62,"value":323}," =\n",{"type":57,"tag":65,"props":325,"children":327},{"class":112,"line":326},5,[328,334,339,344,349,354],{"type":57,"tag":65,"props":329,"children":331},{"style":330},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[332],{"type":62,"value":333}," createTRPCContext",{"type":57,"tag":65,"props":335,"children":336},{"style":174},[337],{"type":62,"value":338},"\u003C",{"type":57,"tag":65,"props":340,"children":341},{"style":117},[342],{"type":62,"value":343},"AppRouter",{"type":57,"tag":65,"props":345,"children":346},{"style":174},[347],{"type":62,"value":348},">",{"type":57,"tag":65,"props":350,"children":351},{"style":180},[352],{"type":62,"value":353},"()",{"type":57,"tag":65,"props":355,"children":356},{"style":174},[357],{"type":62,"value":213},{"type":57,"tag":92,"props":359,"children":361},{"id":360},"wire-up-providers",[362],{"type":62,"value":363},"Wire up providers",{"type":57,"tag":99,"props":365,"children":370},{"className":366,"code":367,"language":368,"meta":369,"style":104},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { QueryClient, QueryClientProvider } from '@tanstack\u002Freact-query';\nimport { createTRPCClient, httpBatchLink } from '@trpc\u002Fclient';\nimport { useState } from 'react';\nimport type { AppRouter } from '..\u002Fserver\u002Frouter';\nimport { TRPCProvider } from '..\u002Futils\u002Ftrpc';\n\nfunction makeQueryClient() {\n return new QueryClient({\n defaultOptions: {\n queries: {\n staleTime: 60 * 1000,\n },\n },\n });\n}\n\nlet browserQueryClient: QueryClient | undefined = undefined;\n\nfunction getQueryClient() {\n if (typeof window === 'undefined') {\n return makeQueryClient();\n }\n if (!browserQueryClient) browserQueryClient = makeQueryClient();\n return browserQueryClient;\n}\n\nexport function App() {\n const queryClient = getQueryClient();\n const [trpcClient] = useState(() =>\n createTRPCClient\u003CAppRouter>({\n links: [\n httpBatchLink({\n url: 'http:\u002F\u002Flocalhost:3000\u002Fapi\u002Ftrpc',\n }),\n ],\n }),\n );\n\n return (\n \u003CQueryClientProvider client={queryClient}>\n \u003CTRPCProvider trpcClient={trpcClient} queryClient={queryClient}>\n {\u002F* Your app here *\u002F}\n \u003C\u002FTRPCProvider>\n \u003C\u002FQueryClientProvider>\n );\n}\n","tsx","title=\"components\u002FApp.tsx\"",[371],{"type":57,"tag":107,"props":372,"children":373},{"__ignoreMap":104},[374,424,474,514,557,597,605,628,657,675,692,726,735,744,762,771,779,821,829,850,901,922,931,977,993,1001,1009,1035,1065,1109,1138,1156,1173,1203,1220,1233,1250,1263,1271,1284,1318,1366,1385,1403,1420,1432],{"type":57,"tag":65,"props":375,"children":376},{"class":112,"line":113},[377,381,385,390,394,399,403,407,411,416,420],{"type":57,"tag":65,"props":378,"children":379},{"style":168},[380],{"type":62,"value":171},{"type":57,"tag":65,"props":382,"children":383},{"style":174},[384],{"type":62,"value":177},{"type":57,"tag":65,"props":386,"children":387},{"style":180},[388],{"type":62,"value":389}," QueryClient",{"type":57,"tag":65,"props":391,"children":392},{"style":174},[393],{"type":62,"value":299},{"type":57,"tag":65,"props":395,"children":396},{"style":180},[397],{"type":62,"value":398}," QueryClientProvider",{"type":57,"tag":65,"props":400,"children":401},{"style":174},[402],{"type":62,"value":188},{"type":57,"tag":65,"props":404,"children":405},{"style":168},[406],{"type":62,"value":193},{"type":57,"tag":65,"props":408,"children":409},{"style":174},[410],{"type":62,"value":198},{"type":57,"tag":65,"props":412,"children":413},{"style":123},[414],{"type":62,"value":415},"@tanstack\u002Freact-query",{"type":57,"tag":65,"props":417,"children":418},{"style":174},[419],{"type":62,"value":208},{"type":57,"tag":65,"props":421,"children":422},{"style":174},[423],{"type":62,"value":213},{"type":57,"tag":65,"props":425,"children":426},{"class":112,"line":216},[427,431,435,440,444,449,453,457,461,466,470],{"type":57,"tag":65,"props":428,"children":429},{"style":168},[430],{"type":62,"value":171},{"type":57,"tag":65,"props":432,"children":433},{"style":174},[434],{"type":62,"value":177},{"type":57,"tag":65,"props":436,"children":437},{"style":180},[438],{"type":62,"value":439}," createTRPCClient",{"type":57,"tag":65,"props":441,"children":442},{"style":174},[443],{"type":62,"value":299},{"type":57,"tag":65,"props":445,"children":446},{"style":180},[447],{"type":62,"value":448}," httpBatchLink",{"type":57,"tag":65,"props":450,"children":451},{"style":174},[452],{"type":62,"value":188},{"type":57,"tag":65,"props":454,"children":455},{"style":168},[456],{"type":62,"value":193},{"type":57,"tag":65,"props":458,"children":459},{"style":174},[460],{"type":62,"value":198},{"type":57,"tag":65,"props":462,"children":463},{"style":123},[464],{"type":62,"value":465},"@trpc\u002Fclient",{"type":57,"tag":65,"props":467,"children":468},{"style":174},[469],{"type":62,"value":208},{"type":57,"tag":65,"props":471,"children":472},{"style":174},[473],{"type":62,"value":213},{"type":57,"tag":65,"props":475,"children":476},{"class":112,"line":263},[477,481,485,490,494,498,502,506,510],{"type":57,"tag":65,"props":478,"children":479},{"style":168},[480],{"type":62,"value":171},{"type":57,"tag":65,"props":482,"children":483},{"style":174},[484],{"type":62,"value":177},{"type":57,"tag":65,"props":486,"children":487},{"style":180},[488],{"type":62,"value":489}," useState",{"type":57,"tag":65,"props":491,"children":492},{"style":174},[493],{"type":62,"value":188},{"type":57,"tag":65,"props":495,"children":496},{"style":168},[497],{"type":62,"value":193},{"type":57,"tag":65,"props":499,"children":500},{"style":174},[501],{"type":62,"value":198},{"type":57,"tag":65,"props":503,"children":504},{"style":123},[505],{"type":62,"value":14},{"type":57,"tag":65,"props":507,"children":508},{"style":174},[509],{"type":62,"value":208},{"type":57,"tag":65,"props":511,"children":512},{"style":174},[513],{"type":62,"value":213},{"type":57,"tag":65,"props":515,"children":516},{"class":112,"line":273},[517,521,525,529,533,537,541,545,549,553],{"type":57,"tag":65,"props":518,"children":519},{"style":168},[520],{"type":62,"value":171},{"type":57,"tag":65,"props":522,"children":523},{"style":168},[524],{"type":62,"value":226},{"type":57,"tag":65,"props":526,"children":527},{"style":174},[528],{"type":62,"value":177},{"type":57,"tag":65,"props":530,"children":531},{"style":180},[532],{"type":62,"value":235},{"type":57,"tag":65,"props":534,"children":535},{"style":174},[536],{"type":62,"value":188},{"type":57,"tag":65,"props":538,"children":539},{"style":168},[540],{"type":62,"value":193},{"type":57,"tag":65,"props":542,"children":543},{"style":174},[544],{"type":62,"value":198},{"type":57,"tag":65,"props":546,"children":547},{"style":123},[548],{"type":62,"value":252},{"type":57,"tag":65,"props":550,"children":551},{"style":174},[552],{"type":62,"value":208},{"type":57,"tag":65,"props":554,"children":555},{"style":174},[556],{"type":62,"value":213},{"type":57,"tag":65,"props":558,"children":559},{"class":112,"line":326},[560,564,568,572,576,580,584,589,593],{"type":57,"tag":65,"props":561,"children":562},{"style":168},[563],{"type":62,"value":171},{"type":57,"tag":65,"props":565,"children":566},{"style":174},[567],{"type":62,"value":177},{"type":57,"tag":65,"props":569,"children":570},{"style":180},[571],{"type":62,"value":294},{"type":57,"tag":65,"props":573,"children":574},{"style":174},[575],{"type":62,"value":188},{"type":57,"tag":65,"props":577,"children":578},{"style":168},[579],{"type":62,"value":193},{"type":57,"tag":65,"props":581,"children":582},{"style":174},[583],{"type":62,"value":198},{"type":57,"tag":65,"props":585,"children":586},{"style":123},[587],{"type":62,"value":588},"..\u002Futils\u002Ftrpc",{"type":57,"tag":65,"props":590,"children":591},{"style":174},[592],{"type":62,"value":208},{"type":57,"tag":65,"props":594,"children":595},{"style":174},[596],{"type":62,"value":213},{"type":57,"tag":65,"props":598,"children":600},{"class":112,"line":599},6,[601],{"type":57,"tag":65,"props":602,"children":603},{"emptyLinePlaceholder":267},[604],{"type":62,"value":270},{"type":57,"tag":65,"props":606,"children":608},{"class":112,"line":607},7,[609,614,619,623],{"type":57,"tag":65,"props":610,"children":611},{"style":282},[612],{"type":62,"value":613},"function",{"type":57,"tag":65,"props":615,"children":616},{"style":330},[617],{"type":62,"value":618}," makeQueryClient",{"type":57,"tag":65,"props":620,"children":621},{"style":174},[622],{"type":62,"value":353},{"type":57,"tag":65,"props":624,"children":625},{"style":174},[626],{"type":62,"value":627}," {\n",{"type":57,"tag":65,"props":629,"children":631},{"class":112,"line":630},8,[632,637,642,646,652],{"type":57,"tag":65,"props":633,"children":634},{"style":168},[635],{"type":62,"value":636}," return",{"type":57,"tag":65,"props":638,"children":639},{"style":174},[640],{"type":62,"value":641}," new",{"type":57,"tag":65,"props":643,"children":644},{"style":330},[645],{"type":62,"value":389},{"type":57,"tag":65,"props":647,"children":649},{"style":648},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[650],{"type":62,"value":651},"(",{"type":57,"tag":65,"props":653,"children":654},{"style":174},[655],{"type":62,"value":656},"{\n",{"type":57,"tag":65,"props":658,"children":660},{"class":112,"line":659},9,[661,666,671],{"type":57,"tag":65,"props":662,"children":663},{"style":648},[664],{"type":62,"value":665}," defaultOptions",{"type":57,"tag":65,"props":667,"children":668},{"style":174},[669],{"type":62,"value":670},":",{"type":57,"tag":65,"props":672,"children":673},{"style":174},[674],{"type":62,"value":627},{"type":57,"tag":65,"props":676,"children":678},{"class":112,"line":677},10,[679,684,688],{"type":57,"tag":65,"props":680,"children":681},{"style":648},[682],{"type":62,"value":683}," queries",{"type":57,"tag":65,"props":685,"children":686},{"style":174},[687],{"type":62,"value":670},{"type":57,"tag":65,"props":689,"children":690},{"style":174},[691],{"type":62,"value":627},{"type":57,"tag":65,"props":693,"children":695},{"class":112,"line":694},11,[696,701,705,711,716,721],{"type":57,"tag":65,"props":697,"children":698},{"style":648},[699],{"type":62,"value":700}," staleTime",{"type":57,"tag":65,"props":702,"children":703},{"style":174},[704],{"type":62,"value":670},{"type":57,"tag":65,"props":706,"children":708},{"style":707},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[709],{"type":62,"value":710}," 60",{"type":57,"tag":65,"props":712,"children":713},{"style":174},[714],{"type":62,"value":715}," *",{"type":57,"tag":65,"props":717,"children":718},{"style":707},[719],{"type":62,"value":720}," 1000",{"type":57,"tag":65,"props":722,"children":723},{"style":174},[724],{"type":62,"value":725},",\n",{"type":57,"tag":65,"props":727,"children":729},{"class":112,"line":728},12,[730],{"type":57,"tag":65,"props":731,"children":732},{"style":174},[733],{"type":62,"value":734}," },\n",{"type":57,"tag":65,"props":736,"children":738},{"class":112,"line":737},13,[739],{"type":57,"tag":65,"props":740,"children":741},{"style":174},[742],{"type":62,"value":743}," },\n",{"type":57,"tag":65,"props":745,"children":747},{"class":112,"line":746},14,[748,753,758],{"type":57,"tag":65,"props":749,"children":750},{"style":174},[751],{"type":62,"value":752}," }",{"type":57,"tag":65,"props":754,"children":755},{"style":648},[756],{"type":62,"value":757},")",{"type":57,"tag":65,"props":759,"children":760},{"style":174},[761],{"type":62,"value":213},{"type":57,"tag":65,"props":763,"children":765},{"class":112,"line":764},15,[766],{"type":57,"tag":65,"props":767,"children":768},{"style":174},[769],{"type":62,"value":770},"}\n",{"type":57,"tag":65,"props":772,"children":774},{"class":112,"line":773},16,[775],{"type":57,"tag":65,"props":776,"children":777},{"emptyLinePlaceholder":267},[778],{"type":62,"value":270},{"type":57,"tag":65,"props":780,"children":782},{"class":112,"line":781},17,[783,788,793,797,801,806,811,816],{"type":57,"tag":65,"props":784,"children":785},{"style":282},[786],{"type":62,"value":787},"let",{"type":57,"tag":65,"props":789,"children":790},{"style":180},[791],{"type":62,"value":792}," browserQueryClient",{"type":57,"tag":65,"props":794,"children":795},{"style":174},[796],{"type":62,"value":670},{"type":57,"tag":65,"props":798,"children":799},{"style":117},[800],{"type":62,"value":389},{"type":57,"tag":65,"props":802,"children":803},{"style":174},[804],{"type":62,"value":805}," |",{"type":57,"tag":65,"props":807,"children":808},{"style":117},[809],{"type":62,"value":810}," undefined",{"type":57,"tag":65,"props":812,"children":813},{"style":174},[814],{"type":62,"value":815}," =",{"type":57,"tag":65,"props":817,"children":818},{"style":174},[819],{"type":62,"value":820}," undefined;\n",{"type":57,"tag":65,"props":822,"children":824},{"class":112,"line":823},18,[825],{"type":57,"tag":65,"props":826,"children":827},{"emptyLinePlaceholder":267},[828],{"type":62,"value":270},{"type":57,"tag":65,"props":830,"children":832},{"class":112,"line":831},19,[833,837,842,846],{"type":57,"tag":65,"props":834,"children":835},{"style":282},[836],{"type":62,"value":613},{"type":57,"tag":65,"props":838,"children":839},{"style":330},[840],{"type":62,"value":841}," getQueryClient",{"type":57,"tag":65,"props":843,"children":844},{"style":174},[845],{"type":62,"value":353},{"type":57,"tag":65,"props":847,"children":848},{"style":174},[849],{"type":62,"value":627},{"type":57,"tag":65,"props":851,"children":853},{"class":112,"line":852},20,[854,859,864,869,874,879,883,888,892,897],{"type":57,"tag":65,"props":855,"children":856},{"style":168},[857],{"type":62,"value":858}," if",{"type":57,"tag":65,"props":860,"children":861},{"style":648},[862],{"type":62,"value":863}," (",{"type":57,"tag":65,"props":865,"children":866},{"style":174},[867],{"type":62,"value":868},"typeof",{"type":57,"tag":65,"props":870,"children":871},{"style":180},[872],{"type":62,"value":873}," window",{"type":57,"tag":65,"props":875,"children":876},{"style":174},[877],{"type":62,"value":878}," ===",{"type":57,"tag":65,"props":880,"children":881},{"style":174},[882],{"type":62,"value":198},{"type":57,"tag":65,"props":884,"children":885},{"style":123},[886],{"type":62,"value":887},"undefined",{"type":57,"tag":65,"props":889,"children":890},{"style":174},[891],{"type":62,"value":208},{"type":57,"tag":65,"props":893,"children":894},{"style":648},[895],{"type":62,"value":896},") ",{"type":57,"tag":65,"props":898,"children":899},{"style":174},[900],{"type":62,"value":656},{"type":57,"tag":65,"props":902,"children":904},{"class":112,"line":903},21,[905,910,914,918],{"type":57,"tag":65,"props":906,"children":907},{"style":168},[908],{"type":62,"value":909}," return",{"type":57,"tag":65,"props":911,"children":912},{"style":330},[913],{"type":62,"value":618},{"type":57,"tag":65,"props":915,"children":916},{"style":648},[917],{"type":62,"value":353},{"type":57,"tag":65,"props":919,"children":920},{"style":174},[921],{"type":62,"value":213},{"type":57,"tag":65,"props":923,"children":925},{"class":112,"line":924},22,[926],{"type":57,"tag":65,"props":927,"children":928},{"style":174},[929],{"type":62,"value":930}," }\n",{"type":57,"tag":65,"props":932,"children":934},{"class":112,"line":933},23,[935,939,943,948,953,957,961,965,969,973],{"type":57,"tag":65,"props":936,"children":937},{"style":168},[938],{"type":62,"value":858},{"type":57,"tag":65,"props":940,"children":941},{"style":648},[942],{"type":62,"value":863},{"type":57,"tag":65,"props":944,"children":945},{"style":174},[946],{"type":62,"value":947},"!",{"type":57,"tag":65,"props":949,"children":950},{"style":180},[951],{"type":62,"value":952},"browserQueryClient",{"type":57,"tag":65,"props":954,"children":955},{"style":648},[956],{"type":62,"value":896},{"type":57,"tag":65,"props":958,"children":959},{"style":180},[960],{"type":62,"value":952},{"type":57,"tag":65,"props":962,"children":963},{"style":174},[964],{"type":62,"value":815},{"type":57,"tag":65,"props":966,"children":967},{"style":330},[968],{"type":62,"value":618},{"type":57,"tag":65,"props":970,"children":971},{"style":648},[972],{"type":62,"value":353},{"type":57,"tag":65,"props":974,"children":975},{"style":174},[976],{"type":62,"value":213},{"type":57,"tag":65,"props":978,"children":980},{"class":112,"line":979},24,[981,985,989],{"type":57,"tag":65,"props":982,"children":983},{"style":168},[984],{"type":62,"value":636},{"type":57,"tag":65,"props":986,"children":987},{"style":180},[988],{"type":62,"value":792},{"type":57,"tag":65,"props":990,"children":991},{"style":174},[992],{"type":62,"value":213},{"type":57,"tag":65,"props":994,"children":996},{"class":112,"line":995},25,[997],{"type":57,"tag":65,"props":998,"children":999},{"style":174},[1000],{"type":62,"value":770},{"type":57,"tag":65,"props":1002,"children":1004},{"class":112,"line":1003},26,[1005],{"type":57,"tag":65,"props":1006,"children":1007},{"emptyLinePlaceholder":267},[1008],{"type":62,"value":270},{"type":57,"tag":65,"props":1010,"children":1012},{"class":112,"line":1011},27,[1013,1017,1022,1027,1031],{"type":57,"tag":65,"props":1014,"children":1015},{"style":168},[1016],{"type":62,"value":279},{"type":57,"tag":65,"props":1018,"children":1019},{"style":282},[1020],{"type":62,"value":1021}," function",{"type":57,"tag":65,"props":1023,"children":1024},{"style":330},[1025],{"type":62,"value":1026}," App",{"type":57,"tag":65,"props":1028,"children":1029},{"style":174},[1030],{"type":62,"value":353},{"type":57,"tag":65,"props":1032,"children":1033},{"style":174},[1034],{"type":62,"value":627},{"type":57,"tag":65,"props":1036,"children":1038},{"class":112,"line":1037},28,[1039,1044,1049,1053,1057,1061],{"type":57,"tag":65,"props":1040,"children":1041},{"style":282},[1042],{"type":62,"value":1043}," const",{"type":57,"tag":65,"props":1045,"children":1046},{"style":180},[1047],{"type":62,"value":1048}," queryClient",{"type":57,"tag":65,"props":1050,"children":1051},{"style":174},[1052],{"type":62,"value":815},{"type":57,"tag":65,"props":1054,"children":1055},{"style":330},[1056],{"type":62,"value":841},{"type":57,"tag":65,"props":1058,"children":1059},{"style":648},[1060],{"type":62,"value":353},{"type":57,"tag":65,"props":1062,"children":1063},{"style":174},[1064],{"type":62,"value":213},{"type":57,"tag":65,"props":1066,"children":1068},{"class":112,"line":1067},29,[1069,1073,1078,1083,1088,1092,1096,1100,1104],{"type":57,"tag":65,"props":1070,"children":1071},{"style":282},[1072],{"type":62,"value":1043},{"type":57,"tag":65,"props":1074,"children":1075},{"style":174},[1076],{"type":62,"value":1077}," [",{"type":57,"tag":65,"props":1079,"children":1080},{"style":180},[1081],{"type":62,"value":1082},"trpcClient",{"type":57,"tag":65,"props":1084,"children":1085},{"style":174},[1086],{"type":62,"value":1087},"]",{"type":57,"tag":65,"props":1089,"children":1090},{"style":174},[1091],{"type":62,"value":815},{"type":57,"tag":65,"props":1093,"children":1094},{"style":330},[1095],{"type":62,"value":489},{"type":57,"tag":65,"props":1097,"children":1098},{"style":648},[1099],{"type":62,"value":651},{"type":57,"tag":65,"props":1101,"children":1102},{"style":174},[1103],{"type":62,"value":353},{"type":57,"tag":65,"props":1105,"children":1106},{"style":282},[1107],{"type":62,"value":1108}," =>\n",{"type":57,"tag":65,"props":1110,"children":1112},{"class":112,"line":1111},30,[1113,1118,1122,1126,1130,1134],{"type":57,"tag":65,"props":1114,"children":1115},{"style":330},[1116],{"type":62,"value":1117}," createTRPCClient",{"type":57,"tag":65,"props":1119,"children":1120},{"style":174},[1121],{"type":62,"value":338},{"type":57,"tag":65,"props":1123,"children":1124},{"style":117},[1125],{"type":62,"value":343},{"type":57,"tag":65,"props":1127,"children":1128},{"style":174},[1129],{"type":62,"value":348},{"type":57,"tag":65,"props":1131,"children":1132},{"style":648},[1133],{"type":62,"value":651},{"type":57,"tag":65,"props":1135,"children":1136},{"style":174},[1137],{"type":62,"value":656},{"type":57,"tag":65,"props":1139,"children":1141},{"class":112,"line":1140},31,[1142,1147,1151],{"type":57,"tag":65,"props":1143,"children":1144},{"style":648},[1145],{"type":62,"value":1146}," links",{"type":57,"tag":65,"props":1148,"children":1149},{"style":174},[1150],{"type":62,"value":670},{"type":57,"tag":65,"props":1152,"children":1153},{"style":648},[1154],{"type":62,"value":1155}," [\n",{"type":57,"tag":65,"props":1157,"children":1159},{"class":112,"line":1158},32,[1160,1165,1169],{"type":57,"tag":65,"props":1161,"children":1162},{"style":330},[1163],{"type":62,"value":1164}," httpBatchLink",{"type":57,"tag":65,"props":1166,"children":1167},{"style":648},[1168],{"type":62,"value":651},{"type":57,"tag":65,"props":1170,"children":1171},{"style":174},[1172],{"type":62,"value":656},{"type":57,"tag":65,"props":1174,"children":1176},{"class":112,"line":1175},33,[1177,1182,1186,1190,1195,1199],{"type":57,"tag":65,"props":1178,"children":1179},{"style":648},[1180],{"type":62,"value":1181}," url",{"type":57,"tag":65,"props":1183,"children":1184},{"style":174},[1185],{"type":62,"value":670},{"type":57,"tag":65,"props":1187,"children":1188},{"style":174},[1189],{"type":62,"value":198},{"type":57,"tag":65,"props":1191,"children":1192},{"style":123},[1193],{"type":62,"value":1194},"http:\u002F\u002Flocalhost:3000\u002Fapi\u002Ftrpc",{"type":57,"tag":65,"props":1196,"children":1197},{"style":174},[1198],{"type":62,"value":208},{"type":57,"tag":65,"props":1200,"children":1201},{"style":174},[1202],{"type":62,"value":725},{"type":57,"tag":65,"props":1204,"children":1206},{"class":112,"line":1205},34,[1207,1212,1216],{"type":57,"tag":65,"props":1208,"children":1209},{"style":174},[1210],{"type":62,"value":1211}," }",{"type":57,"tag":65,"props":1213,"children":1214},{"style":648},[1215],{"type":62,"value":757},{"type":57,"tag":65,"props":1217,"children":1218},{"style":174},[1219],{"type":62,"value":725},{"type":57,"tag":65,"props":1221,"children":1223},{"class":112,"line":1222},35,[1224,1229],{"type":57,"tag":65,"props":1225,"children":1226},{"style":648},[1227],{"type":62,"value":1228}," ]",{"type":57,"tag":65,"props":1230,"children":1231},{"style":174},[1232],{"type":62,"value":725},{"type":57,"tag":65,"props":1234,"children":1236},{"class":112,"line":1235},36,[1237,1242,1246],{"type":57,"tag":65,"props":1238,"children":1239},{"style":174},[1240],{"type":62,"value":1241}," }",{"type":57,"tag":65,"props":1243,"children":1244},{"style":648},[1245],{"type":62,"value":757},{"type":57,"tag":65,"props":1247,"children":1248},{"style":174},[1249],{"type":62,"value":725},{"type":57,"tag":65,"props":1251,"children":1253},{"class":112,"line":1252},37,[1254,1259],{"type":57,"tag":65,"props":1255,"children":1256},{"style":648},[1257],{"type":62,"value":1258}," )",{"type":57,"tag":65,"props":1260,"children":1261},{"style":174},[1262],{"type":62,"value":213},{"type":57,"tag":65,"props":1264,"children":1266},{"class":112,"line":1265},38,[1267],{"type":57,"tag":65,"props":1268,"children":1269},{"emptyLinePlaceholder":267},[1270],{"type":62,"value":270},{"type":57,"tag":65,"props":1272,"children":1274},{"class":112,"line":1273},39,[1275,1279],{"type":57,"tag":65,"props":1276,"children":1277},{"style":168},[1278],{"type":62,"value":636},{"type":57,"tag":65,"props":1280,"children":1281},{"style":648},[1282],{"type":62,"value":1283}," (\n",{"type":57,"tag":65,"props":1285,"children":1287},{"class":112,"line":1286},40,[1288,1293,1298,1303,1308,1313],{"type":57,"tag":65,"props":1289,"children":1290},{"style":174},[1291],{"type":62,"value":1292}," \u003C",{"type":57,"tag":65,"props":1294,"children":1295},{"style":117},[1296],{"type":62,"value":1297},"QueryClientProvider",{"type":57,"tag":65,"props":1299,"children":1300},{"style":282},[1301],{"type":62,"value":1302}," client",{"type":57,"tag":65,"props":1304,"children":1305},{"style":174},[1306],{"type":62,"value":1307},"={",{"type":57,"tag":65,"props":1309,"children":1310},{"style":180},[1311],{"type":62,"value":1312},"queryClient",{"type":57,"tag":65,"props":1314,"children":1315},{"style":174},[1316],{"type":62,"value":1317},"}>\n",{"type":57,"tag":65,"props":1319,"children":1321},{"class":112,"line":1320},41,[1322,1327,1332,1337,1341,1345,1350,1354,1358,1362],{"type":57,"tag":65,"props":1323,"children":1324},{"style":174},[1325],{"type":62,"value":1326}," \u003C",{"type":57,"tag":65,"props":1328,"children":1329},{"style":117},[1330],{"type":62,"value":1331},"TRPCProvider",{"type":57,"tag":65,"props":1333,"children":1334},{"style":282},[1335],{"type":62,"value":1336}," trpcClient",{"type":57,"tag":65,"props":1338,"children":1339},{"style":174},[1340],{"type":62,"value":1307},{"type":57,"tag":65,"props":1342,"children":1343},{"style":180},[1344],{"type":62,"value":1082},{"type":57,"tag":65,"props":1346,"children":1347},{"style":174},[1348],{"type":62,"value":1349},"} ",{"type":57,"tag":65,"props":1351,"children":1352},{"style":282},[1353],{"type":62,"value":1312},{"type":57,"tag":65,"props":1355,"children":1356},{"style":174},[1357],{"type":62,"value":1307},{"type":57,"tag":65,"props":1359,"children":1360},{"style":180},[1361],{"type":62,"value":1312},{"type":57,"tag":65,"props":1363,"children":1364},{"style":174},[1365],{"type":62,"value":1317},{"type":57,"tag":65,"props":1367,"children":1369},{"class":112,"line":1368},42,[1370,1375,1381],{"type":57,"tag":65,"props":1371,"children":1372},{"style":174},[1373],{"type":62,"value":1374}," {",{"type":57,"tag":65,"props":1376,"children":1378},{"style":1377},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1379],{"type":62,"value":1380},"\u002F* Your app here *\u002F",{"type":57,"tag":65,"props":1382,"children":1383},{"style":174},[1384],{"type":62,"value":770},{"type":57,"tag":65,"props":1386,"children":1388},{"class":112,"line":1387},43,[1389,1394,1398],{"type":57,"tag":65,"props":1390,"children":1391},{"style":174},[1392],{"type":62,"value":1393}," \u003C\u002F",{"type":57,"tag":65,"props":1395,"children":1396},{"style":117},[1397],{"type":62,"value":1331},{"type":57,"tag":65,"props":1399,"children":1400},{"style":174},[1401],{"type":62,"value":1402},">\n",{"type":57,"tag":65,"props":1404,"children":1406},{"class":112,"line":1405},44,[1407,1412,1416],{"type":57,"tag":65,"props":1408,"children":1409},{"style":174},[1410],{"type":62,"value":1411}," \u003C\u002F",{"type":57,"tag":65,"props":1413,"children":1414},{"style":117},[1415],{"type":62,"value":1297},{"type":57,"tag":65,"props":1417,"children":1418},{"style":174},[1419],{"type":62,"value":1402},{"type":57,"tag":65,"props":1421,"children":1423},{"class":112,"line":1422},45,[1424,1428],{"type":57,"tag":65,"props":1425,"children":1426},{"style":648},[1427],{"type":62,"value":1258},{"type":57,"tag":65,"props":1429,"children":1430},{"style":174},[1431],{"type":62,"value":213},{"type":57,"tag":65,"props":1433,"children":1435},{"class":112,"line":1434},46,[1436],{"type":57,"tag":65,"props":1437,"children":1438},{"style":174},[1439],{"type":62,"value":770},{"type":57,"tag":92,"props":1441,"children":1443},{"id":1442},"alternative-setup-without-react-context-spa-vite",[1444],{"type":62,"value":1445},"Alternative: setup without React context (SPA \u002F Vite)",{"type":57,"tag":99,"props":1447,"children":1449},{"className":155,"code":1448,"language":157,"meta":158,"style":104},"import { QueryClient } from '@tanstack\u002Freact-query';\nimport { createTRPCClient, httpBatchLink } from '@trpc\u002Fclient';\nimport { createTRPCOptionsProxy } from '@trpc\u002Ftanstack-react-query';\nimport type { AppRouter } from '..\u002Fserver\u002Frouter';\n\nexport const queryClient = new QueryClient();\n\nconst trpcClient = createTRPCClient\u003CAppRouter>({\n links: [httpBatchLink({ url: 'http:\u002F\u002Flocalhost:3000\u002Fapi\u002Ftrpc' })],\n});\n\nexport const trpc = createTRPCOptionsProxy\u003CAppRouter>({\n client: trpcClient,\n queryClient,\n});\n",[1450],{"type":57,"tag":107,"props":1451,"children":1452},{"__ignoreMap":104},[1453,1492,1539,1579,1622,1629,1666,1673,1714,1778,1793,1800,1844,1864,1876],{"type":57,"tag":65,"props":1454,"children":1455},{"class":112,"line":113},[1456,1460,1464,1468,1472,1476,1480,1484,1488],{"type":57,"tag":65,"props":1457,"children":1458},{"style":168},[1459],{"type":62,"value":171},{"type":57,"tag":65,"props":1461,"children":1462},{"style":174},[1463],{"type":62,"value":177},{"type":57,"tag":65,"props":1465,"children":1466},{"style":180},[1467],{"type":62,"value":389},{"type":57,"tag":65,"props":1469,"children":1470},{"style":174},[1471],{"type":62,"value":188},{"type":57,"tag":65,"props":1473,"children":1474},{"style":168},[1475],{"type":62,"value":193},{"type":57,"tag":65,"props":1477,"children":1478},{"style":174},[1479],{"type":62,"value":198},{"type":57,"tag":65,"props":1481,"children":1482},{"style":123},[1483],{"type":62,"value":415},{"type":57,"tag":65,"props":1485,"children":1486},{"style":174},[1487],{"type":62,"value":208},{"type":57,"tag":65,"props":1489,"children":1490},{"style":174},[1491],{"type":62,"value":213},{"type":57,"tag":65,"props":1493,"children":1494},{"class":112,"line":216},[1495,1499,1503,1507,1511,1515,1519,1523,1527,1531,1535],{"type":57,"tag":65,"props":1496,"children":1497},{"style":168},[1498],{"type":62,"value":171},{"type":57,"tag":65,"props":1500,"children":1501},{"style":174},[1502],{"type":62,"value":177},{"type":57,"tag":65,"props":1504,"children":1505},{"style":180},[1506],{"type":62,"value":439},{"type":57,"tag":65,"props":1508,"children":1509},{"style":174},[1510],{"type":62,"value":299},{"type":57,"tag":65,"props":1512,"children":1513},{"style":180},[1514],{"type":62,"value":448},{"type":57,"tag":65,"props":1516,"children":1517},{"style":174},[1518],{"type":62,"value":188},{"type":57,"tag":65,"props":1520,"children":1521},{"style":168},[1522],{"type":62,"value":193},{"type":57,"tag":65,"props":1524,"children":1525},{"style":174},[1526],{"type":62,"value":198},{"type":57,"tag":65,"props":1528,"children":1529},{"style":123},[1530],{"type":62,"value":465},{"type":57,"tag":65,"props":1532,"children":1533},{"style":174},[1534],{"type":62,"value":208},{"type":57,"tag":65,"props":1536,"children":1537},{"style":174},[1538],{"type":62,"value":213},{"type":57,"tag":65,"props":1540,"children":1541},{"class":112,"line":263},[1542,1546,1550,1555,1559,1563,1567,1571,1575],{"type":57,"tag":65,"props":1543,"children":1544},{"style":168},[1545],{"type":62,"value":171},{"type":57,"tag":65,"props":1547,"children":1548},{"style":174},[1549],{"type":62,"value":177},{"type":57,"tag":65,"props":1551,"children":1552},{"style":180},[1553],{"type":62,"value":1554}," createTRPCOptionsProxy",{"type":57,"tag":65,"props":1556,"children":1557},{"style":174},[1558],{"type":62,"value":188},{"type":57,"tag":65,"props":1560,"children":1561},{"style":168},[1562],{"type":62,"value":193},{"type":57,"tag":65,"props":1564,"children":1565},{"style":174},[1566],{"type":62,"value":198},{"type":57,"tag":65,"props":1568,"children":1569},{"style":123},[1570],{"type":62,"value":203},{"type":57,"tag":65,"props":1572,"children":1573},{"style":174},[1574],{"type":62,"value":208},{"type":57,"tag":65,"props":1576,"children":1577},{"style":174},[1578],{"type":62,"value":213},{"type":57,"tag":65,"props":1580,"children":1581},{"class":112,"line":273},[1582,1586,1590,1594,1598,1602,1606,1610,1614,1618],{"type":57,"tag":65,"props":1583,"children":1584},{"style":168},[1585],{"type":62,"value":171},{"type":57,"tag":65,"props":1587,"children":1588},{"style":168},[1589],{"type":62,"value":226},{"type":57,"tag":65,"props":1591,"children":1592},{"style":174},[1593],{"type":62,"value":177},{"type":57,"tag":65,"props":1595,"children":1596},{"style":180},[1597],{"type":62,"value":235},{"type":57,"tag":65,"props":1599,"children":1600},{"style":174},[1601],{"type":62,"value":188},{"type":57,"tag":65,"props":1603,"children":1604},{"style":168},[1605],{"type":62,"value":193},{"type":57,"tag":65,"props":1607,"children":1608},{"style":174},[1609],{"type":62,"value":198},{"type":57,"tag":65,"props":1611,"children":1612},{"style":123},[1613],{"type":62,"value":252},{"type":57,"tag":65,"props":1615,"children":1616},{"style":174},[1617],{"type":62,"value":208},{"type":57,"tag":65,"props":1619,"children":1620},{"style":174},[1621],{"type":62,"value":213},{"type":57,"tag":65,"props":1623,"children":1624},{"class":112,"line":326},[1625],{"type":57,"tag":65,"props":1626,"children":1627},{"emptyLinePlaceholder":267},[1628],{"type":62,"value":270},{"type":57,"tag":65,"props":1630,"children":1631},{"class":112,"line":599},[1632,1636,1640,1645,1650,1654,1658,1662],{"type":57,"tag":65,"props":1633,"children":1634},{"style":168},[1635],{"type":62,"value":279},{"type":57,"tag":65,"props":1637,"children":1638},{"style":282},[1639],{"type":62,"value":285},{"type":57,"tag":65,"props":1641,"children":1642},{"style":180},[1643],{"type":62,"value":1644}," queryClient ",{"type":57,"tag":65,"props":1646,"children":1647},{"style":174},[1648],{"type":62,"value":1649},"=",{"type":57,"tag":65,"props":1651,"children":1652},{"style":174},[1653],{"type":62,"value":641},{"type":57,"tag":65,"props":1655,"children":1656},{"style":330},[1657],{"type":62,"value":389},{"type":57,"tag":65,"props":1659,"children":1660},{"style":180},[1661],{"type":62,"value":353},{"type":57,"tag":65,"props":1663,"children":1664},{"style":174},[1665],{"type":62,"value":213},{"type":57,"tag":65,"props":1667,"children":1668},{"class":112,"line":607},[1669],{"type":57,"tag":65,"props":1670,"children":1671},{"emptyLinePlaceholder":267},[1672],{"type":62,"value":270},{"type":57,"tag":65,"props":1674,"children":1675},{"class":112,"line":630},[1676,1681,1686,1690,1694,1698,1702,1706,1710],{"type":57,"tag":65,"props":1677,"children":1678},{"style":282},[1679],{"type":62,"value":1680},"const",{"type":57,"tag":65,"props":1682,"children":1683},{"style":180},[1684],{"type":62,"value":1685}," trpcClient ",{"type":57,"tag":65,"props":1687,"children":1688},{"style":174},[1689],{"type":62,"value":1649},{"type":57,"tag":65,"props":1691,"children":1692},{"style":330},[1693],{"type":62,"value":439},{"type":57,"tag":65,"props":1695,"children":1696},{"style":174},[1697],{"type":62,"value":338},{"type":57,"tag":65,"props":1699,"children":1700},{"style":117},[1701],{"type":62,"value":343},{"type":57,"tag":65,"props":1703,"children":1704},{"style":174},[1705],{"type":62,"value":348},{"type":57,"tag":65,"props":1707,"children":1708},{"style":180},[1709],{"type":62,"value":651},{"type":57,"tag":65,"props":1711,"children":1712},{"style":174},[1713],{"type":62,"value":656},{"type":57,"tag":65,"props":1715,"children":1716},{"class":112,"line":659},[1717,1722,1726,1730,1735,1739,1744,1749,1753,1757,1761,1765,1769,1774],{"type":57,"tag":65,"props":1718,"children":1719},{"style":648},[1720],{"type":62,"value":1721}," links",{"type":57,"tag":65,"props":1723,"children":1724},{"style":174},[1725],{"type":62,"value":670},{"type":57,"tag":65,"props":1727,"children":1728},{"style":180},[1729],{"type":62,"value":1077},{"type":57,"tag":65,"props":1731,"children":1732},{"style":330},[1733],{"type":62,"value":1734},"httpBatchLink",{"type":57,"tag":65,"props":1736,"children":1737},{"style":180},[1738],{"type":62,"value":651},{"type":57,"tag":65,"props":1740,"children":1741},{"style":174},[1742],{"type":62,"value":1743},"{",{"type":57,"tag":65,"props":1745,"children":1746},{"style":648},[1747],{"type":62,"value":1748}," url",{"type":57,"tag":65,"props":1750,"children":1751},{"style":174},[1752],{"type":62,"value":670},{"type":57,"tag":65,"props":1754,"children":1755},{"style":174},[1756],{"type":62,"value":198},{"type":57,"tag":65,"props":1758,"children":1759},{"style":123},[1760],{"type":62,"value":1194},{"type":57,"tag":65,"props":1762,"children":1763},{"style":174},[1764],{"type":62,"value":208},{"type":57,"tag":65,"props":1766,"children":1767},{"style":174},[1768],{"type":62,"value":188},{"type":57,"tag":65,"props":1770,"children":1771},{"style":180},[1772],{"type":62,"value":1773},")]",{"type":57,"tag":65,"props":1775,"children":1776},{"style":174},[1777],{"type":62,"value":725},{"type":57,"tag":65,"props":1779,"children":1780},{"class":112,"line":677},[1781,1785,1789],{"type":57,"tag":65,"props":1782,"children":1783},{"style":174},[1784],{"type":62,"value":318},{"type":57,"tag":65,"props":1786,"children":1787},{"style":180},[1788],{"type":62,"value":757},{"type":57,"tag":65,"props":1790,"children":1791},{"style":174},[1792],{"type":62,"value":213},{"type":57,"tag":65,"props":1794,"children":1795},{"class":112,"line":694},[1796],{"type":57,"tag":65,"props":1797,"children":1798},{"emptyLinePlaceholder":267},[1799],{"type":62,"value":270},{"type":57,"tag":65,"props":1801,"children":1802},{"class":112,"line":728},[1803,1807,1811,1816,1820,1824,1828,1832,1836,1840],{"type":57,"tag":65,"props":1804,"children":1805},{"style":168},[1806],{"type":62,"value":279},{"type":57,"tag":65,"props":1808,"children":1809},{"style":282},[1810],{"type":62,"value":285},{"type":57,"tag":65,"props":1812,"children":1813},{"style":180},[1814],{"type":62,"value":1815}," trpc ",{"type":57,"tag":65,"props":1817,"children":1818},{"style":174},[1819],{"type":62,"value":1649},{"type":57,"tag":65,"props":1821,"children":1822},{"style":330},[1823],{"type":62,"value":1554},{"type":57,"tag":65,"props":1825,"children":1826},{"style":174},[1827],{"type":62,"value":338},{"type":57,"tag":65,"props":1829,"children":1830},{"style":117},[1831],{"type":62,"value":343},{"type":57,"tag":65,"props":1833,"children":1834},{"style":174},[1835],{"type":62,"value":348},{"type":57,"tag":65,"props":1837,"children":1838},{"style":180},[1839],{"type":62,"value":651},{"type":57,"tag":65,"props":1841,"children":1842},{"style":174},[1843],{"type":62,"value":656},{"type":57,"tag":65,"props":1845,"children":1846},{"class":112,"line":737},[1847,1852,1856,1860],{"type":57,"tag":65,"props":1848,"children":1849},{"style":648},[1850],{"type":62,"value":1851}," client",{"type":57,"tag":65,"props":1853,"children":1854},{"style":174},[1855],{"type":62,"value":670},{"type":57,"tag":65,"props":1857,"children":1858},{"style":180},[1859],{"type":62,"value":1336},{"type":57,"tag":65,"props":1861,"children":1862},{"style":174},[1863],{"type":62,"value":725},{"type":57,"tag":65,"props":1865,"children":1866},{"class":112,"line":746},[1867,1872],{"type":57,"tag":65,"props":1868,"children":1869},{"style":180},[1870],{"type":62,"value":1871}," queryClient",{"type":57,"tag":65,"props":1873,"children":1874},{"style":174},[1875],{"type":62,"value":725},{"type":57,"tag":65,"props":1877,"children":1878},{"class":112,"line":764},[1879,1883,1887],{"type":57,"tag":65,"props":1880,"children":1881},{"style":174},[1882],{"type":62,"value":318},{"type":57,"tag":65,"props":1884,"children":1885},{"style":180},[1886],{"type":62,"value":757},{"type":57,"tag":65,"props":1888,"children":1889},{"style":174},[1890],{"type":62,"value":213},{"type":57,"tag":58,"props":1892,"children":1893},{},[1894,1896,1901,1903,1908,1910,1915,1917,1923],{"type":62,"value":1895},"When using the singleton pattern, wrap your app with ",{"type":57,"tag":107,"props":1897,"children":1899},{"className":1898},[],[1900],{"type":62,"value":1297},{"type":62,"value":1902}," only (no ",{"type":57,"tag":107,"props":1904,"children":1906},{"className":1905},[],[1907],{"type":62,"value":1331},{"type":62,"value":1909}," needed) and import ",{"type":57,"tag":107,"props":1911,"children":1913},{"className":1912},[],[1914],{"type":62,"value":8},{"type":62,"value":1916}," directly instead of calling ",{"type":57,"tag":107,"props":1918,"children":1920},{"className":1919},[],[1921],{"type":62,"value":1922},"useTRPC()",{"type":62,"value":1924},".",{"type":57,"tag":85,"props":1926,"children":1928},{"id":1927},"core-patterns",[1929],{"type":62,"value":1930},"Core Patterns",{"type":57,"tag":92,"props":1932,"children":1934},{"id":1933},"queryoptions-querying-data",[1935],{"type":62,"value":1936},"queryOptions -- querying data",{"type":57,"tag":99,"props":1938,"children":1941},{"className":366,"code":1939,"language":368,"meta":1940,"style":104},"import { skipToken, useQuery, useSuspenseQuery } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction UserList() {\n const trpc = useTRPC();\n\n \u002F\u002F Basic query\n const userQuery = useQuery(trpc.user.byId.queryOptions({ id: '1' }));\n\n \u002F\u002F With TanStack Query options\n const staleQuery = useQuery(\n trpc.user.byId.queryOptions({ id: '1' }, { staleTime: 5000 }),\n );\n\n \u002F\u002F Suspense query\n const { data } = useSuspenseQuery(trpc.user.byId.queryOptions({ id: '1' }));\n\n \u002F\u002F Conditional query with skipToken\n const conditionalQuery = useQuery(\n trpc.user.byId.queryOptions(userId ? { id: userId } : skipToken),\n );\n\n return \u003Cdiv>{userQuery.data?.name}\u003C\u002Fdiv>;\n}\n","title=\"components\u002FUserList.tsx\"",[1942],{"type":57,"tag":107,"props":1943,"children":1944},{"__ignoreMap":104},[1945,2003,2042,2049,2069,2097,2104,2112,2210,2217,2225,2250,2345,2356,2363,2371,2471,2478,2486,2510,2593,2604,2611,2671],{"type":57,"tag":65,"props":1946,"children":1947},{"class":112,"line":113},[1948,1952,1956,1961,1965,1970,1974,1979,1983,1987,1991,1995,1999],{"type":57,"tag":65,"props":1949,"children":1950},{"style":168},[1951],{"type":62,"value":171},{"type":57,"tag":65,"props":1953,"children":1954},{"style":174},[1955],{"type":62,"value":177},{"type":57,"tag":65,"props":1957,"children":1958},{"style":180},[1959],{"type":62,"value":1960}," skipToken",{"type":57,"tag":65,"props":1962,"children":1963},{"style":174},[1964],{"type":62,"value":299},{"type":57,"tag":65,"props":1966,"children":1967},{"style":180},[1968],{"type":62,"value":1969}," useQuery",{"type":57,"tag":65,"props":1971,"children":1972},{"style":174},[1973],{"type":62,"value":299},{"type":57,"tag":65,"props":1975,"children":1976},{"style":180},[1977],{"type":62,"value":1978}," useSuspenseQuery",{"type":57,"tag":65,"props":1980,"children":1981},{"style":174},[1982],{"type":62,"value":188},{"type":57,"tag":65,"props":1984,"children":1985},{"style":168},[1986],{"type":62,"value":193},{"type":57,"tag":65,"props":1988,"children":1989},{"style":174},[1990],{"type":62,"value":198},{"type":57,"tag":65,"props":1992,"children":1993},{"style":123},[1994],{"type":62,"value":415},{"type":57,"tag":65,"props":1996,"children":1997},{"style":174},[1998],{"type":62,"value":208},{"type":57,"tag":65,"props":2000,"children":2001},{"style":174},[2002],{"type":62,"value":213},{"type":57,"tag":65,"props":2004,"children":2005},{"class":112,"line":216},[2006,2010,2014,2018,2022,2026,2030,2034,2038],{"type":57,"tag":65,"props":2007,"children":2008},{"style":168},[2009],{"type":62,"value":171},{"type":57,"tag":65,"props":2011,"children":2012},{"style":174},[2013],{"type":62,"value":177},{"type":57,"tag":65,"props":2015,"children":2016},{"style":180},[2017],{"type":62,"value":304},{"type":57,"tag":65,"props":2019,"children":2020},{"style":174},[2021],{"type":62,"value":188},{"type":57,"tag":65,"props":2023,"children":2024},{"style":168},[2025],{"type":62,"value":193},{"type":57,"tag":65,"props":2027,"children":2028},{"style":174},[2029],{"type":62,"value":198},{"type":57,"tag":65,"props":2031,"children":2032},{"style":123},[2033],{"type":62,"value":588},{"type":57,"tag":65,"props":2035,"children":2036},{"style":174},[2037],{"type":62,"value":208},{"type":57,"tag":65,"props":2039,"children":2040},{"style":174},[2041],{"type":62,"value":213},{"type":57,"tag":65,"props":2043,"children":2044},{"class":112,"line":263},[2045],{"type":57,"tag":65,"props":2046,"children":2047},{"emptyLinePlaceholder":267},[2048],{"type":62,"value":270},{"type":57,"tag":65,"props":2050,"children":2051},{"class":112,"line":273},[2052,2056,2061,2065],{"type":57,"tag":65,"props":2053,"children":2054},{"style":282},[2055],{"type":62,"value":613},{"type":57,"tag":65,"props":2057,"children":2058},{"style":330},[2059],{"type":62,"value":2060}," UserList",{"type":57,"tag":65,"props":2062,"children":2063},{"style":174},[2064],{"type":62,"value":353},{"type":57,"tag":65,"props":2066,"children":2067},{"style":174},[2068],{"type":62,"value":627},{"type":57,"tag":65,"props":2070,"children":2071},{"class":112,"line":326},[2072,2076,2081,2085,2089,2093],{"type":57,"tag":65,"props":2073,"children":2074},{"style":282},[2075],{"type":62,"value":1043},{"type":57,"tag":65,"props":2077,"children":2078},{"style":180},[2079],{"type":62,"value":2080}," trpc",{"type":57,"tag":65,"props":2082,"children":2083},{"style":174},[2084],{"type":62,"value":815},{"type":57,"tag":65,"props":2086,"children":2087},{"style":330},[2088],{"type":62,"value":304},{"type":57,"tag":65,"props":2090,"children":2091},{"style":648},[2092],{"type":62,"value":353},{"type":57,"tag":65,"props":2094,"children":2095},{"style":174},[2096],{"type":62,"value":213},{"type":57,"tag":65,"props":2098,"children":2099},{"class":112,"line":599},[2100],{"type":57,"tag":65,"props":2101,"children":2102},{"emptyLinePlaceholder":267},[2103],{"type":62,"value":270},{"type":57,"tag":65,"props":2105,"children":2106},{"class":112,"line":607},[2107],{"type":57,"tag":65,"props":2108,"children":2109},{"style":1377},[2110],{"type":62,"value":2111}," \u002F\u002F Basic query\n",{"type":57,"tag":65,"props":2113,"children":2114},{"class":112,"line":630},[2115,2119,2124,2128,2132,2136,2140,2144,2149,2153,2158,2162,2167,2171,2175,2180,2184,2188,2193,2197,2201,2206],{"type":57,"tag":65,"props":2116,"children":2117},{"style":282},[2118],{"type":62,"value":1043},{"type":57,"tag":65,"props":2120,"children":2121},{"style":180},[2122],{"type":62,"value":2123}," userQuery",{"type":57,"tag":65,"props":2125,"children":2126},{"style":174},[2127],{"type":62,"value":815},{"type":57,"tag":65,"props":2129,"children":2130},{"style":330},[2131],{"type":62,"value":1969},{"type":57,"tag":65,"props":2133,"children":2134},{"style":648},[2135],{"type":62,"value":651},{"type":57,"tag":65,"props":2137,"children":2138},{"style":180},[2139],{"type":62,"value":8},{"type":57,"tag":65,"props":2141,"children":2142},{"style":174},[2143],{"type":62,"value":1924},{"type":57,"tag":65,"props":2145,"children":2146},{"style":180},[2147],{"type":62,"value":2148},"user",{"type":57,"tag":65,"props":2150,"children":2151},{"style":174},[2152],{"type":62,"value":1924},{"type":57,"tag":65,"props":2154,"children":2155},{"style":180},[2156],{"type":62,"value":2157},"byId",{"type":57,"tag":65,"props":2159,"children":2160},{"style":174},[2161],{"type":62,"value":1924},{"type":57,"tag":65,"props":2163,"children":2164},{"style":330},[2165],{"type":62,"value":2166},"queryOptions",{"type":57,"tag":65,"props":2168,"children":2169},{"style":648},[2170],{"type":62,"value":651},{"type":57,"tag":65,"props":2172,"children":2173},{"style":174},[2174],{"type":62,"value":1743},{"type":57,"tag":65,"props":2176,"children":2177},{"style":648},[2178],{"type":62,"value":2179}," id",{"type":57,"tag":65,"props":2181,"children":2182},{"style":174},[2183],{"type":62,"value":670},{"type":57,"tag":65,"props":2185,"children":2186},{"style":174},[2187],{"type":62,"value":198},{"type":57,"tag":65,"props":2189,"children":2190},{"style":123},[2191],{"type":62,"value":2192},"1",{"type":57,"tag":65,"props":2194,"children":2195},{"style":174},[2196],{"type":62,"value":208},{"type":57,"tag":65,"props":2198,"children":2199},{"style":174},[2200],{"type":62,"value":188},{"type":57,"tag":65,"props":2202,"children":2203},{"style":648},[2204],{"type":62,"value":2205},"))",{"type":57,"tag":65,"props":2207,"children":2208},{"style":174},[2209],{"type":62,"value":213},{"type":57,"tag":65,"props":2211,"children":2212},{"class":112,"line":659},[2213],{"type":57,"tag":65,"props":2214,"children":2215},{"emptyLinePlaceholder":267},[2216],{"type":62,"value":270},{"type":57,"tag":65,"props":2218,"children":2219},{"class":112,"line":677},[2220],{"type":57,"tag":65,"props":2221,"children":2222},{"style":1377},[2223],{"type":62,"value":2224}," \u002F\u002F With TanStack Query options\n",{"type":57,"tag":65,"props":2226,"children":2227},{"class":112,"line":694},[2228,2232,2237,2241,2245],{"type":57,"tag":65,"props":2229,"children":2230},{"style":282},[2231],{"type":62,"value":1043},{"type":57,"tag":65,"props":2233,"children":2234},{"style":180},[2235],{"type":62,"value":2236}," staleQuery",{"type":57,"tag":65,"props":2238,"children":2239},{"style":174},[2240],{"type":62,"value":815},{"type":57,"tag":65,"props":2242,"children":2243},{"style":330},[2244],{"type":62,"value":1969},{"type":57,"tag":65,"props":2246,"children":2247},{"style":648},[2248],{"type":62,"value":2249},"(\n",{"type":57,"tag":65,"props":2251,"children":2252},{"class":112,"line":728},[2253,2258,2262,2266,2270,2274,2278,2282,2286,2290,2294,2298,2302,2306,2310,2315,2319,2324,2328,2333,2337,2341],{"type":57,"tag":65,"props":2254,"children":2255},{"style":180},[2256],{"type":62,"value":2257}," trpc",{"type":57,"tag":65,"props":2259,"children":2260},{"style":174},[2261],{"type":62,"value":1924},{"type":57,"tag":65,"props":2263,"children":2264},{"style":180},[2265],{"type":62,"value":2148},{"type":57,"tag":65,"props":2267,"children":2268},{"style":174},[2269],{"type":62,"value":1924},{"type":57,"tag":65,"props":2271,"children":2272},{"style":180},[2273],{"type":62,"value":2157},{"type":57,"tag":65,"props":2275,"children":2276},{"style":174},[2277],{"type":62,"value":1924},{"type":57,"tag":65,"props":2279,"children":2280},{"style":330},[2281],{"type":62,"value":2166},{"type":57,"tag":65,"props":2283,"children":2284},{"style":648},[2285],{"type":62,"value":651},{"type":57,"tag":65,"props":2287,"children":2288},{"style":174},[2289],{"type":62,"value":1743},{"type":57,"tag":65,"props":2291,"children":2292},{"style":648},[2293],{"type":62,"value":2179},{"type":57,"tag":65,"props":2295,"children":2296},{"style":174},[2297],{"type":62,"value":670},{"type":57,"tag":65,"props":2299,"children":2300},{"style":174},[2301],{"type":62,"value":198},{"type":57,"tag":65,"props":2303,"children":2304},{"style":123},[2305],{"type":62,"value":2192},{"type":57,"tag":65,"props":2307,"children":2308},{"style":174},[2309],{"type":62,"value":208},{"type":57,"tag":65,"props":2311,"children":2312},{"style":174},[2313],{"type":62,"value":2314}," },",{"type":57,"tag":65,"props":2316,"children":2317},{"style":174},[2318],{"type":62,"value":177},{"type":57,"tag":65,"props":2320,"children":2321},{"style":648},[2322],{"type":62,"value":2323}," staleTime",{"type":57,"tag":65,"props":2325,"children":2326},{"style":174},[2327],{"type":62,"value":670},{"type":57,"tag":65,"props":2329,"children":2330},{"style":707},[2331],{"type":62,"value":2332}," 5000",{"type":57,"tag":65,"props":2334,"children":2335},{"style":174},[2336],{"type":62,"value":188},{"type":57,"tag":65,"props":2338,"children":2339},{"style":648},[2340],{"type":62,"value":757},{"type":57,"tag":65,"props":2342,"children":2343},{"style":174},[2344],{"type":62,"value":725},{"type":57,"tag":65,"props":2346,"children":2347},{"class":112,"line":737},[2348,2352],{"type":57,"tag":65,"props":2349,"children":2350},{"style":648},[2351],{"type":62,"value":1258},{"type":57,"tag":65,"props":2353,"children":2354},{"style":174},[2355],{"type":62,"value":213},{"type":57,"tag":65,"props":2357,"children":2358},{"class":112,"line":746},[2359],{"type":57,"tag":65,"props":2360,"children":2361},{"emptyLinePlaceholder":267},[2362],{"type":62,"value":270},{"type":57,"tag":65,"props":2364,"children":2365},{"class":112,"line":764},[2366],{"type":57,"tag":65,"props":2367,"children":2368},{"style":1377},[2369],{"type":62,"value":2370}," \u002F\u002F Suspense query\n",{"type":57,"tag":65,"props":2372,"children":2373},{"class":112,"line":773},[2374,2378,2382,2387,2391,2395,2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467],{"type":57,"tag":65,"props":2375,"children":2376},{"style":282},[2377],{"type":62,"value":1043},{"type":57,"tag":65,"props":2379,"children":2380},{"style":174},[2381],{"type":62,"value":177},{"type":57,"tag":65,"props":2383,"children":2384},{"style":180},[2385],{"type":62,"value":2386}," data",{"type":57,"tag":65,"props":2388,"children":2389},{"style":174},[2390],{"type":62,"value":188},{"type":57,"tag":65,"props":2392,"children":2393},{"style":174},[2394],{"type":62,"value":815},{"type":57,"tag":65,"props":2396,"children":2397},{"style":330},[2398],{"type":62,"value":1978},{"type":57,"tag":65,"props":2400,"children":2401},{"style":648},[2402],{"type":62,"value":651},{"type":57,"tag":65,"props":2404,"children":2405},{"style":180},[2406],{"type":62,"value":8},{"type":57,"tag":65,"props":2408,"children":2409},{"style":174},[2410],{"type":62,"value":1924},{"type":57,"tag":65,"props":2412,"children":2413},{"style":180},[2414],{"type":62,"value":2148},{"type":57,"tag":65,"props":2416,"children":2417},{"style":174},[2418],{"type":62,"value":1924},{"type":57,"tag":65,"props":2420,"children":2421},{"style":180},[2422],{"type":62,"value":2157},{"type":57,"tag":65,"props":2424,"children":2425},{"style":174},[2426],{"type":62,"value":1924},{"type":57,"tag":65,"props":2428,"children":2429},{"style":330},[2430],{"type":62,"value":2166},{"type":57,"tag":65,"props":2432,"children":2433},{"style":648},[2434],{"type":62,"value":651},{"type":57,"tag":65,"props":2436,"children":2437},{"style":174},[2438],{"type":62,"value":1743},{"type":57,"tag":65,"props":2440,"children":2441},{"style":648},[2442],{"type":62,"value":2179},{"type":57,"tag":65,"props":2444,"children":2445},{"style":174},[2446],{"type":62,"value":670},{"type":57,"tag":65,"props":2448,"children":2449},{"style":174},[2450],{"type":62,"value":198},{"type":57,"tag":65,"props":2452,"children":2453},{"style":123},[2454],{"type":62,"value":2192},{"type":57,"tag":65,"props":2456,"children":2457},{"style":174},[2458],{"type":62,"value":208},{"type":57,"tag":65,"props":2460,"children":2461},{"style":174},[2462],{"type":62,"value":188},{"type":57,"tag":65,"props":2464,"children":2465},{"style":648},[2466],{"type":62,"value":2205},{"type":57,"tag":65,"props":2468,"children":2469},{"style":174},[2470],{"type":62,"value":213},{"type":57,"tag":65,"props":2472,"children":2473},{"class":112,"line":781},[2474],{"type":57,"tag":65,"props":2475,"children":2476},{"emptyLinePlaceholder":267},[2477],{"type":62,"value":270},{"type":57,"tag":65,"props":2479,"children":2480},{"class":112,"line":823},[2481],{"type":57,"tag":65,"props":2482,"children":2483},{"style":1377},[2484],{"type":62,"value":2485}," \u002F\u002F Conditional query with skipToken\n",{"type":57,"tag":65,"props":2487,"children":2488},{"class":112,"line":831},[2489,2493,2498,2502,2506],{"type":57,"tag":65,"props":2490,"children":2491},{"style":282},[2492],{"type":62,"value":1043},{"type":57,"tag":65,"props":2494,"children":2495},{"style":180},[2496],{"type":62,"value":2497}," conditionalQuery",{"type":57,"tag":65,"props":2499,"children":2500},{"style":174},[2501],{"type":62,"value":815},{"type":57,"tag":65,"props":2503,"children":2504},{"style":330},[2505],{"type":62,"value":1969},{"type":57,"tag":65,"props":2507,"children":2508},{"style":648},[2509],{"type":62,"value":2249},{"type":57,"tag":65,"props":2511,"children":2512},{"class":112,"line":852},[2513,2517,2521,2525,2529,2533,2537,2541,2545,2550,2555,2559,2563,2567,2572,2576,2581,2585,2589],{"type":57,"tag":65,"props":2514,"children":2515},{"style":180},[2516],{"type":62,"value":2257},{"type":57,"tag":65,"props":2518,"children":2519},{"style":174},[2520],{"type":62,"value":1924},{"type":57,"tag":65,"props":2522,"children":2523},{"style":180},[2524],{"type":62,"value":2148},{"type":57,"tag":65,"props":2526,"children":2527},{"style":174},[2528],{"type":62,"value":1924},{"type":57,"tag":65,"props":2530,"children":2531},{"style":180},[2532],{"type":62,"value":2157},{"type":57,"tag":65,"props":2534,"children":2535},{"style":174},[2536],{"type":62,"value":1924},{"type":57,"tag":65,"props":2538,"children":2539},{"style":330},[2540],{"type":62,"value":2166},{"type":57,"tag":65,"props":2542,"children":2543},{"style":648},[2544],{"type":62,"value":651},{"type":57,"tag":65,"props":2546,"children":2547},{"style":180},[2548],{"type":62,"value":2549},"userId",{"type":57,"tag":65,"props":2551,"children":2552},{"style":174},[2553],{"type":62,"value":2554}," ?",{"type":57,"tag":65,"props":2556,"children":2557},{"style":174},[2558],{"type":62,"value":177},{"type":57,"tag":65,"props":2560,"children":2561},{"style":648},[2562],{"type":62,"value":2179},{"type":57,"tag":65,"props":2564,"children":2565},{"style":174},[2566],{"type":62,"value":670},{"type":57,"tag":65,"props":2568,"children":2569},{"style":180},[2570],{"type":62,"value":2571}," userId",{"type":57,"tag":65,"props":2573,"children":2574},{"style":174},[2575],{"type":62,"value":188},{"type":57,"tag":65,"props":2577,"children":2578},{"style":174},[2579],{"type":62,"value":2580}," :",{"type":57,"tag":65,"props":2582,"children":2583},{"style":180},[2584],{"type":62,"value":1960},{"type":57,"tag":65,"props":2586,"children":2587},{"style":648},[2588],{"type":62,"value":757},{"type":57,"tag":65,"props":2590,"children":2591},{"style":174},[2592],{"type":62,"value":725},{"type":57,"tag":65,"props":2594,"children":2595},{"class":112,"line":903},[2596,2600],{"type":57,"tag":65,"props":2597,"children":2598},{"style":648},[2599],{"type":62,"value":1258},{"type":57,"tag":65,"props":2601,"children":2602},{"style":174},[2603],{"type":62,"value":213},{"type":57,"tag":65,"props":2605,"children":2606},{"class":112,"line":924},[2607],{"type":57,"tag":65,"props":2608,"children":2609},{"emptyLinePlaceholder":267},[2610],{"type":62,"value":270},{"type":57,"tag":65,"props":2612,"children":2613},{"class":112,"line":933},[2614,2618,2623,2628,2633,2638,2642,2647,2652,2657,2662,2666],{"type":57,"tag":65,"props":2615,"children":2616},{"style":168},[2617],{"type":62,"value":636},{"type":57,"tag":65,"props":2619,"children":2620},{"style":174},[2621],{"type":62,"value":2622}," \u003C",{"type":57,"tag":65,"props":2624,"children":2625},{"style":648},[2626],{"type":62,"value":2627},"div",{"type":57,"tag":65,"props":2629,"children":2630},{"style":174},[2631],{"type":62,"value":2632},">{",{"type":57,"tag":65,"props":2634,"children":2635},{"style":180},[2636],{"type":62,"value":2637},"userQuery",{"type":57,"tag":65,"props":2639,"children":2640},{"style":174},[2641],{"type":62,"value":1924},{"type":57,"tag":65,"props":2643,"children":2644},{"style":180},[2645],{"type":62,"value":2646},"data",{"type":57,"tag":65,"props":2648,"children":2649},{"style":174},[2650],{"type":62,"value":2651},"?.",{"type":57,"tag":65,"props":2653,"children":2654},{"style":180},[2655],{"type":62,"value":2656},"name",{"type":57,"tag":65,"props":2658,"children":2659},{"style":174},[2660],{"type":62,"value":2661},"}\u003C\u002F",{"type":57,"tag":65,"props":2663,"children":2664},{"style":648},[2665],{"type":62,"value":2627},{"type":57,"tag":65,"props":2667,"children":2668},{"style":174},[2669],{"type":62,"value":2670},">;\n",{"type":57,"tag":65,"props":2672,"children":2673},{"class":112,"line":979},[2674],{"type":57,"tag":65,"props":2675,"children":2676},{"style":174},[2677],{"type":62,"value":770},{"type":57,"tag":92,"props":2679,"children":2681},{"id":2680},"mutationoptions-writing-data",[2682],{"type":62,"value":2683},"mutationOptions -- writing data",{"type":57,"tag":99,"props":2685,"children":2687},{"className":366,"code":2686,"language":368,"meta":104,"style":104},"import { useMutation, useQueryClient } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction CreateUser() {\n const trpc = useTRPC();\n const queryClient = useQueryClient();\n\n const createUser = useMutation(\n trpc.user.create.mutationOptions({\n onSuccess: () => {\n queryClient.invalidateQueries(trpc.user.queryFilter());\n },\n }),\n );\n\n return (\n \u003Cbutton onClick={() => createUser.mutate({ name: 'Alice' })}>Create\u003C\u002Fbutton>\n );\n}\n",[2688],{"type":57,"tag":107,"props":2689,"children":2690},{"__ignoreMap":104},[2691,2740,2779,2786,2806,2833,2860,2867,2891,2932,2958,3009,3016,3031,3042,3049,3060,3160,3171],{"type":57,"tag":65,"props":2692,"children":2693},{"class":112,"line":113},[2694,2698,2702,2707,2711,2716,2720,2724,2728,2732,2736],{"type":57,"tag":65,"props":2695,"children":2696},{"style":168},[2697],{"type":62,"value":171},{"type":57,"tag":65,"props":2699,"children":2700},{"style":174},[2701],{"type":62,"value":177},{"type":57,"tag":65,"props":2703,"children":2704},{"style":180},[2705],{"type":62,"value":2706}," useMutation",{"type":57,"tag":65,"props":2708,"children":2709},{"style":174},[2710],{"type":62,"value":299},{"type":57,"tag":65,"props":2712,"children":2713},{"style":180},[2714],{"type":62,"value":2715}," useQueryClient",{"type":57,"tag":65,"props":2717,"children":2718},{"style":174},[2719],{"type":62,"value":188},{"type":57,"tag":65,"props":2721,"children":2722},{"style":168},[2723],{"type":62,"value":193},{"type":57,"tag":65,"props":2725,"children":2726},{"style":174},[2727],{"type":62,"value":198},{"type":57,"tag":65,"props":2729,"children":2730},{"style":123},[2731],{"type":62,"value":415},{"type":57,"tag":65,"props":2733,"children":2734},{"style":174},[2735],{"type":62,"value":208},{"type":57,"tag":65,"props":2737,"children":2738},{"style":174},[2739],{"type":62,"value":213},{"type":57,"tag":65,"props":2741,"children":2742},{"class":112,"line":216},[2743,2747,2751,2755,2759,2763,2767,2771,2775],{"type":57,"tag":65,"props":2744,"children":2745},{"style":168},[2746],{"type":62,"value":171},{"type":57,"tag":65,"props":2748,"children":2749},{"style":174},[2750],{"type":62,"value":177},{"type":57,"tag":65,"props":2752,"children":2753},{"style":180},[2754],{"type":62,"value":304},{"type":57,"tag":65,"props":2756,"children":2757},{"style":174},[2758],{"type":62,"value":188},{"type":57,"tag":65,"props":2760,"children":2761},{"style":168},[2762],{"type":62,"value":193},{"type":57,"tag":65,"props":2764,"children":2765},{"style":174},[2766],{"type":62,"value":198},{"type":57,"tag":65,"props":2768,"children":2769},{"style":123},[2770],{"type":62,"value":588},{"type":57,"tag":65,"props":2772,"children":2773},{"style":174},[2774],{"type":62,"value":208},{"type":57,"tag":65,"props":2776,"children":2777},{"style":174},[2778],{"type":62,"value":213},{"type":57,"tag":65,"props":2780,"children":2781},{"class":112,"line":263},[2782],{"type":57,"tag":65,"props":2783,"children":2784},{"emptyLinePlaceholder":267},[2785],{"type":62,"value":270},{"type":57,"tag":65,"props":2787,"children":2788},{"class":112,"line":273},[2789,2793,2798,2802],{"type":57,"tag":65,"props":2790,"children":2791},{"style":282},[2792],{"type":62,"value":613},{"type":57,"tag":65,"props":2794,"children":2795},{"style":330},[2796],{"type":62,"value":2797}," CreateUser",{"type":57,"tag":65,"props":2799,"children":2800},{"style":174},[2801],{"type":62,"value":353},{"type":57,"tag":65,"props":2803,"children":2804},{"style":174},[2805],{"type":62,"value":627},{"type":57,"tag":65,"props":2807,"children":2808},{"class":112,"line":326},[2809,2813,2817,2821,2825,2829],{"type":57,"tag":65,"props":2810,"children":2811},{"style":282},[2812],{"type":62,"value":1043},{"type":57,"tag":65,"props":2814,"children":2815},{"style":180},[2816],{"type":62,"value":2080},{"type":57,"tag":65,"props":2818,"children":2819},{"style":174},[2820],{"type":62,"value":815},{"type":57,"tag":65,"props":2822,"children":2823},{"style":330},[2824],{"type":62,"value":304},{"type":57,"tag":65,"props":2826,"children":2827},{"style":648},[2828],{"type":62,"value":353},{"type":57,"tag":65,"props":2830,"children":2831},{"style":174},[2832],{"type":62,"value":213},{"type":57,"tag":65,"props":2834,"children":2835},{"class":112,"line":599},[2836,2840,2844,2848,2852,2856],{"type":57,"tag":65,"props":2837,"children":2838},{"style":282},[2839],{"type":62,"value":1043},{"type":57,"tag":65,"props":2841,"children":2842},{"style":180},[2843],{"type":62,"value":1048},{"type":57,"tag":65,"props":2845,"children":2846},{"style":174},[2847],{"type":62,"value":815},{"type":57,"tag":65,"props":2849,"children":2850},{"style":330},[2851],{"type":62,"value":2715},{"type":57,"tag":65,"props":2853,"children":2854},{"style":648},[2855],{"type":62,"value":353},{"type":57,"tag":65,"props":2857,"children":2858},{"style":174},[2859],{"type":62,"value":213},{"type":57,"tag":65,"props":2861,"children":2862},{"class":112,"line":607},[2863],{"type":57,"tag":65,"props":2864,"children":2865},{"emptyLinePlaceholder":267},[2866],{"type":62,"value":270},{"type":57,"tag":65,"props":2868,"children":2869},{"class":112,"line":630},[2870,2874,2879,2883,2887],{"type":57,"tag":65,"props":2871,"children":2872},{"style":282},[2873],{"type":62,"value":1043},{"type":57,"tag":65,"props":2875,"children":2876},{"style":180},[2877],{"type":62,"value":2878}," createUser",{"type":57,"tag":65,"props":2880,"children":2881},{"style":174},[2882],{"type":62,"value":815},{"type":57,"tag":65,"props":2884,"children":2885},{"style":330},[2886],{"type":62,"value":2706},{"type":57,"tag":65,"props":2888,"children":2889},{"style":648},[2890],{"type":62,"value":2249},{"type":57,"tag":65,"props":2892,"children":2893},{"class":112,"line":659},[2894,2898,2902,2906,2910,2915,2919,2924,2928],{"type":57,"tag":65,"props":2895,"children":2896},{"style":180},[2897],{"type":62,"value":2257},{"type":57,"tag":65,"props":2899,"children":2900},{"style":174},[2901],{"type":62,"value":1924},{"type":57,"tag":65,"props":2903,"children":2904},{"style":180},[2905],{"type":62,"value":2148},{"type":57,"tag":65,"props":2907,"children":2908},{"style":174},[2909],{"type":62,"value":1924},{"type":57,"tag":65,"props":2911,"children":2912},{"style":180},[2913],{"type":62,"value":2914},"create",{"type":57,"tag":65,"props":2916,"children":2917},{"style":174},[2918],{"type":62,"value":1924},{"type":57,"tag":65,"props":2920,"children":2921},{"style":330},[2922],{"type":62,"value":2923},"mutationOptions",{"type":57,"tag":65,"props":2925,"children":2926},{"style":648},[2927],{"type":62,"value":651},{"type":57,"tag":65,"props":2929,"children":2930},{"style":174},[2931],{"type":62,"value":656},{"type":57,"tag":65,"props":2933,"children":2934},{"class":112,"line":677},[2935,2940,2944,2949,2954],{"type":57,"tag":65,"props":2936,"children":2937},{"style":330},[2938],{"type":62,"value":2939}," onSuccess",{"type":57,"tag":65,"props":2941,"children":2942},{"style":174},[2943],{"type":62,"value":670},{"type":57,"tag":65,"props":2945,"children":2946},{"style":174},[2947],{"type":62,"value":2948}," ()",{"type":57,"tag":65,"props":2950,"children":2951},{"style":282},[2952],{"type":62,"value":2953}," =>",{"type":57,"tag":65,"props":2955,"children":2956},{"style":174},[2957],{"type":62,"value":627},{"type":57,"tag":65,"props":2959,"children":2960},{"class":112,"line":694},[2961,2966,2970,2975,2979,2983,2987,2991,2995,3000,3005],{"type":57,"tag":65,"props":2962,"children":2963},{"style":180},[2964],{"type":62,"value":2965}," queryClient",{"type":57,"tag":65,"props":2967,"children":2968},{"style":174},[2969],{"type":62,"value":1924},{"type":57,"tag":65,"props":2971,"children":2972},{"style":330},[2973],{"type":62,"value":2974},"invalidateQueries",{"type":57,"tag":65,"props":2976,"children":2977},{"style":648},[2978],{"type":62,"value":651},{"type":57,"tag":65,"props":2980,"children":2981},{"style":180},[2982],{"type":62,"value":8},{"type":57,"tag":65,"props":2984,"children":2985},{"style":174},[2986],{"type":62,"value":1924},{"type":57,"tag":65,"props":2988,"children":2989},{"style":180},[2990],{"type":62,"value":2148},{"type":57,"tag":65,"props":2992,"children":2993},{"style":174},[2994],{"type":62,"value":1924},{"type":57,"tag":65,"props":2996,"children":2997},{"style":330},[2998],{"type":62,"value":2999},"queryFilter",{"type":57,"tag":65,"props":3001,"children":3002},{"style":648},[3003],{"type":62,"value":3004},"())",{"type":57,"tag":65,"props":3006,"children":3007},{"style":174},[3008],{"type":62,"value":213},{"type":57,"tag":65,"props":3010,"children":3011},{"class":112,"line":728},[3012],{"type":57,"tag":65,"props":3013,"children":3014},{"style":174},[3015],{"type":62,"value":734},{"type":57,"tag":65,"props":3017,"children":3018},{"class":112,"line":737},[3019,3023,3027],{"type":57,"tag":65,"props":3020,"children":3021},{"style":174},[3022],{"type":62,"value":1241},{"type":57,"tag":65,"props":3024,"children":3025},{"style":648},[3026],{"type":62,"value":757},{"type":57,"tag":65,"props":3028,"children":3029},{"style":174},[3030],{"type":62,"value":725},{"type":57,"tag":65,"props":3032,"children":3033},{"class":112,"line":746},[3034,3038],{"type":57,"tag":65,"props":3035,"children":3036},{"style":648},[3037],{"type":62,"value":1258},{"type":57,"tag":65,"props":3039,"children":3040},{"style":174},[3041],{"type":62,"value":213},{"type":57,"tag":65,"props":3043,"children":3044},{"class":112,"line":764},[3045],{"type":57,"tag":65,"props":3046,"children":3047},{"emptyLinePlaceholder":267},[3048],{"type":62,"value":270},{"type":57,"tag":65,"props":3050,"children":3051},{"class":112,"line":773},[3052,3056],{"type":57,"tag":65,"props":3053,"children":3054},{"style":168},[3055],{"type":62,"value":636},{"type":57,"tag":65,"props":3057,"children":3058},{"style":648},[3059],{"type":62,"value":1283},{"type":57,"tag":65,"props":3061,"children":3062},{"class":112,"line":781},[3063,3067,3072,3077,3082,3086,3090,3094,3099,3103,3107,3112,3116,3120,3125,3129,3133,3137,3142,3147,3152,3156],{"type":57,"tag":65,"props":3064,"children":3065},{"style":174},[3066],{"type":62,"value":1292},{"type":57,"tag":65,"props":3068,"children":3069},{"style":648},[3070],{"type":62,"value":3071},"button",{"type":57,"tag":65,"props":3073,"children":3074},{"style":282},[3075],{"type":62,"value":3076}," onClick",{"type":57,"tag":65,"props":3078,"children":3079},{"style":174},[3080],{"type":62,"value":3081},"={()",{"type":57,"tag":65,"props":3083,"children":3084},{"style":282},[3085],{"type":62,"value":2953},{"type":57,"tag":65,"props":3087,"children":3088},{"style":180},[3089],{"type":62,"value":2878},{"type":57,"tag":65,"props":3091,"children":3092},{"style":174},[3093],{"type":62,"value":1924},{"type":57,"tag":65,"props":3095,"children":3096},{"style":330},[3097],{"type":62,"value":3098},"mutate",{"type":57,"tag":65,"props":3100,"children":3101},{"style":180},[3102],{"type":62,"value":651},{"type":57,"tag":65,"props":3104,"children":3105},{"style":174},[3106],{"type":62,"value":1743},{"type":57,"tag":65,"props":3108,"children":3109},{"style":648},[3110],{"type":62,"value":3111}," name",{"type":57,"tag":65,"props":3113,"children":3114},{"style":174},[3115],{"type":62,"value":670},{"type":57,"tag":65,"props":3117,"children":3118},{"style":174},[3119],{"type":62,"value":198},{"type":57,"tag":65,"props":3121,"children":3122},{"style":123},[3123],{"type":62,"value":3124},"Alice",{"type":57,"tag":65,"props":3126,"children":3127},{"style":174},[3128],{"type":62,"value":208},{"type":57,"tag":65,"props":3130,"children":3131},{"style":174},[3132],{"type":62,"value":188},{"type":57,"tag":65,"props":3134,"children":3135},{"style":180},[3136],{"type":62,"value":757},{"type":57,"tag":65,"props":3138,"children":3139},{"style":174},[3140],{"type":62,"value":3141},"}>",{"type":57,"tag":65,"props":3143,"children":3144},{"style":180},[3145],{"type":62,"value":3146},"Create",{"type":57,"tag":65,"props":3148,"children":3149},{"style":174},[3150],{"type":62,"value":3151},"\u003C\u002F",{"type":57,"tag":65,"props":3153,"children":3154},{"style":648},[3155],{"type":62,"value":3071},{"type":57,"tag":65,"props":3157,"children":3158},{"style":174},[3159],{"type":62,"value":1402},{"type":57,"tag":65,"props":3161,"children":3162},{"class":112,"line":823},[3163,3167],{"type":57,"tag":65,"props":3164,"children":3165},{"style":648},[3166],{"type":62,"value":1258},{"type":57,"tag":65,"props":3168,"children":3169},{"style":174},[3170],{"type":62,"value":213},{"type":57,"tag":65,"props":3172,"children":3173},{"class":112,"line":831},[3174],{"type":57,"tag":65,"props":3175,"children":3176},{"style":174},[3177],{"type":62,"value":770},{"type":57,"tag":92,"props":3179,"children":3181},{"id":3180},"query-invalidation-and-cache-manipulation",[3182],{"type":62,"value":3183},"Query invalidation and cache manipulation",{"type":57,"tag":99,"props":3185,"children":3187},{"className":366,"code":3186,"language":368,"meta":104,"style":104},"import { useQueryClient } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction InvalidationExample() {\n const trpc = useTRPC();\n const queryClient = useQueryClient();\n\n \u002F\u002F Invalidate a specific query\n const invalidateOne = () =>\n queryClient.invalidateQueries(trpc.user.byId.queryFilter({ id: '1' }));\n\n \u002F\u002F Invalidate all queries under a router\n const invalidateAll = () =>\n queryClient.invalidateQueries(trpc.user.queryFilter());\n\n \u002F\u002F Invalidate ALL tRPC queries\n const invalidateEverything = () =>\n queryClient.invalidateQueries({ queryKey: trpc.pathKey() });\n\n \u002F\u002F Read\u002Fwrite cache directly\n const cached = queryClient.getQueryData(trpc.user.byId.queryKey({ id: '1' }));\n queryClient.setQueryData(trpc.user.byId.queryKey({ id: '1' }), {\n id: '1',\n name: 'Updated',\n });\n}\n",[3188],{"type":57,"tag":107,"props":3189,"children":3190},{"__ignoreMap":104},[3191,3230,3269,3276,3296,3323,3350,3357,3365,3389,3477,3484,3492,3516,3563,3570,3578,3602,3664,3671,3679,3781,3873,3901,3930,3945],{"type":57,"tag":65,"props":3192,"children":3193},{"class":112,"line":113},[3194,3198,3202,3206,3210,3214,3218,3222,3226],{"type":57,"tag":65,"props":3195,"children":3196},{"style":168},[3197],{"type":62,"value":171},{"type":57,"tag":65,"props":3199,"children":3200},{"style":174},[3201],{"type":62,"value":177},{"type":57,"tag":65,"props":3203,"children":3204},{"style":180},[3205],{"type":62,"value":2715},{"type":57,"tag":65,"props":3207,"children":3208},{"style":174},[3209],{"type":62,"value":188},{"type":57,"tag":65,"props":3211,"children":3212},{"style":168},[3213],{"type":62,"value":193},{"type":57,"tag":65,"props":3215,"children":3216},{"style":174},[3217],{"type":62,"value":198},{"type":57,"tag":65,"props":3219,"children":3220},{"style":123},[3221],{"type":62,"value":415},{"type":57,"tag":65,"props":3223,"children":3224},{"style":174},[3225],{"type":62,"value":208},{"type":57,"tag":65,"props":3227,"children":3228},{"style":174},[3229],{"type":62,"value":213},{"type":57,"tag":65,"props":3231,"children":3232},{"class":112,"line":216},[3233,3237,3241,3245,3249,3253,3257,3261,3265],{"type":57,"tag":65,"props":3234,"children":3235},{"style":168},[3236],{"type":62,"value":171},{"type":57,"tag":65,"props":3238,"children":3239},{"style":174},[3240],{"type":62,"value":177},{"type":57,"tag":65,"props":3242,"children":3243},{"style":180},[3244],{"type":62,"value":304},{"type":57,"tag":65,"props":3246,"children":3247},{"style":174},[3248],{"type":62,"value":188},{"type":57,"tag":65,"props":3250,"children":3251},{"style":168},[3252],{"type":62,"value":193},{"type":57,"tag":65,"props":3254,"children":3255},{"style":174},[3256],{"type":62,"value":198},{"type":57,"tag":65,"props":3258,"children":3259},{"style":123},[3260],{"type":62,"value":588},{"type":57,"tag":65,"props":3262,"children":3263},{"style":174},[3264],{"type":62,"value":208},{"type":57,"tag":65,"props":3266,"children":3267},{"style":174},[3268],{"type":62,"value":213},{"type":57,"tag":65,"props":3270,"children":3271},{"class":112,"line":263},[3272],{"type":57,"tag":65,"props":3273,"children":3274},{"emptyLinePlaceholder":267},[3275],{"type":62,"value":270},{"type":57,"tag":65,"props":3277,"children":3278},{"class":112,"line":273},[3279,3283,3288,3292],{"type":57,"tag":65,"props":3280,"children":3281},{"style":282},[3282],{"type":62,"value":613},{"type":57,"tag":65,"props":3284,"children":3285},{"style":330},[3286],{"type":62,"value":3287}," InvalidationExample",{"type":57,"tag":65,"props":3289,"children":3290},{"style":174},[3291],{"type":62,"value":353},{"type":57,"tag":65,"props":3293,"children":3294},{"style":174},[3295],{"type":62,"value":627},{"type":57,"tag":65,"props":3297,"children":3298},{"class":112,"line":326},[3299,3303,3307,3311,3315,3319],{"type":57,"tag":65,"props":3300,"children":3301},{"style":282},[3302],{"type":62,"value":1043},{"type":57,"tag":65,"props":3304,"children":3305},{"style":180},[3306],{"type":62,"value":2080},{"type":57,"tag":65,"props":3308,"children":3309},{"style":174},[3310],{"type":62,"value":815},{"type":57,"tag":65,"props":3312,"children":3313},{"style":330},[3314],{"type":62,"value":304},{"type":57,"tag":65,"props":3316,"children":3317},{"style":648},[3318],{"type":62,"value":353},{"type":57,"tag":65,"props":3320,"children":3321},{"style":174},[3322],{"type":62,"value":213},{"type":57,"tag":65,"props":3324,"children":3325},{"class":112,"line":599},[3326,3330,3334,3338,3342,3346],{"type":57,"tag":65,"props":3327,"children":3328},{"style":282},[3329],{"type":62,"value":1043},{"type":57,"tag":65,"props":3331,"children":3332},{"style":180},[3333],{"type":62,"value":1048},{"type":57,"tag":65,"props":3335,"children":3336},{"style":174},[3337],{"type":62,"value":815},{"type":57,"tag":65,"props":3339,"children":3340},{"style":330},[3341],{"type":62,"value":2715},{"type":57,"tag":65,"props":3343,"children":3344},{"style":648},[3345],{"type":62,"value":353},{"type":57,"tag":65,"props":3347,"children":3348},{"style":174},[3349],{"type":62,"value":213},{"type":57,"tag":65,"props":3351,"children":3352},{"class":112,"line":607},[3353],{"type":57,"tag":65,"props":3354,"children":3355},{"emptyLinePlaceholder":267},[3356],{"type":62,"value":270},{"type":57,"tag":65,"props":3358,"children":3359},{"class":112,"line":630},[3360],{"type":57,"tag":65,"props":3361,"children":3362},{"style":1377},[3363],{"type":62,"value":3364}," \u002F\u002F Invalidate a specific query\n",{"type":57,"tag":65,"props":3366,"children":3367},{"class":112,"line":659},[3368,3372,3377,3381,3385],{"type":57,"tag":65,"props":3369,"children":3370},{"style":282},[3371],{"type":62,"value":1043},{"type":57,"tag":65,"props":3373,"children":3374},{"style":180},[3375],{"type":62,"value":3376}," invalidateOne",{"type":57,"tag":65,"props":3378,"children":3379},{"style":174},[3380],{"type":62,"value":815},{"type":57,"tag":65,"props":3382,"children":3383},{"style":174},[3384],{"type":62,"value":2948},{"type":57,"tag":65,"props":3386,"children":3387},{"style":282},[3388],{"type":62,"value":1108},{"type":57,"tag":65,"props":3390,"children":3391},{"class":112,"line":677},[3392,3397,3401,3405,3409,3413,3417,3421,3425,3429,3433,3437,3441,3445,3449,3453,3457,3461,3465,3469,3473],{"type":57,"tag":65,"props":3393,"children":3394},{"style":180},[3395],{"type":62,"value":3396}," queryClient",{"type":57,"tag":65,"props":3398,"children":3399},{"style":174},[3400],{"type":62,"value":1924},{"type":57,"tag":65,"props":3402,"children":3403},{"style":330},[3404],{"type":62,"value":2974},{"type":57,"tag":65,"props":3406,"children":3407},{"style":648},[3408],{"type":62,"value":651},{"type":57,"tag":65,"props":3410,"children":3411},{"style":180},[3412],{"type":62,"value":8},{"type":57,"tag":65,"props":3414,"children":3415},{"style":174},[3416],{"type":62,"value":1924},{"type":57,"tag":65,"props":3418,"children":3419},{"style":180},[3420],{"type":62,"value":2148},{"type":57,"tag":65,"props":3422,"children":3423},{"style":174},[3424],{"type":62,"value":1924},{"type":57,"tag":65,"props":3426,"children":3427},{"style":180},[3428],{"type":62,"value":2157},{"type":57,"tag":65,"props":3430,"children":3431},{"style":174},[3432],{"type":62,"value":1924},{"type":57,"tag":65,"props":3434,"children":3435},{"style":330},[3436],{"type":62,"value":2999},{"type":57,"tag":65,"props":3438,"children":3439},{"style":648},[3440],{"type":62,"value":651},{"type":57,"tag":65,"props":3442,"children":3443},{"style":174},[3444],{"type":62,"value":1743},{"type":57,"tag":65,"props":3446,"children":3447},{"style":648},[3448],{"type":62,"value":2179},{"type":57,"tag":65,"props":3450,"children":3451},{"style":174},[3452],{"type":62,"value":670},{"type":57,"tag":65,"props":3454,"children":3455},{"style":174},[3456],{"type":62,"value":198},{"type":57,"tag":65,"props":3458,"children":3459},{"style":123},[3460],{"type":62,"value":2192},{"type":57,"tag":65,"props":3462,"children":3463},{"style":174},[3464],{"type":62,"value":208},{"type":57,"tag":65,"props":3466,"children":3467},{"style":174},[3468],{"type":62,"value":188},{"type":57,"tag":65,"props":3470,"children":3471},{"style":648},[3472],{"type":62,"value":2205},{"type":57,"tag":65,"props":3474,"children":3475},{"style":174},[3476],{"type":62,"value":213},{"type":57,"tag":65,"props":3478,"children":3479},{"class":112,"line":694},[3480],{"type":57,"tag":65,"props":3481,"children":3482},{"emptyLinePlaceholder":267},[3483],{"type":62,"value":270},{"type":57,"tag":65,"props":3485,"children":3486},{"class":112,"line":728},[3487],{"type":57,"tag":65,"props":3488,"children":3489},{"style":1377},[3490],{"type":62,"value":3491}," \u002F\u002F Invalidate all queries under a router\n",{"type":57,"tag":65,"props":3493,"children":3494},{"class":112,"line":737},[3495,3499,3504,3508,3512],{"type":57,"tag":65,"props":3496,"children":3497},{"style":282},[3498],{"type":62,"value":1043},{"type":57,"tag":65,"props":3500,"children":3501},{"style":180},[3502],{"type":62,"value":3503}," invalidateAll",{"type":57,"tag":65,"props":3505,"children":3506},{"style":174},[3507],{"type":62,"value":815},{"type":57,"tag":65,"props":3509,"children":3510},{"style":174},[3511],{"type":62,"value":2948},{"type":57,"tag":65,"props":3513,"children":3514},{"style":282},[3515],{"type":62,"value":1108},{"type":57,"tag":65,"props":3517,"children":3518},{"class":112,"line":746},[3519,3523,3527,3531,3535,3539,3543,3547,3551,3555,3559],{"type":57,"tag":65,"props":3520,"children":3521},{"style":180},[3522],{"type":62,"value":3396},{"type":57,"tag":65,"props":3524,"children":3525},{"style":174},[3526],{"type":62,"value":1924},{"type":57,"tag":65,"props":3528,"children":3529},{"style":330},[3530],{"type":62,"value":2974},{"type":57,"tag":65,"props":3532,"children":3533},{"style":648},[3534],{"type":62,"value":651},{"type":57,"tag":65,"props":3536,"children":3537},{"style":180},[3538],{"type":62,"value":8},{"type":57,"tag":65,"props":3540,"children":3541},{"style":174},[3542],{"type":62,"value":1924},{"type":57,"tag":65,"props":3544,"children":3545},{"style":180},[3546],{"type":62,"value":2148},{"type":57,"tag":65,"props":3548,"children":3549},{"style":174},[3550],{"type":62,"value":1924},{"type":57,"tag":65,"props":3552,"children":3553},{"style":330},[3554],{"type":62,"value":2999},{"type":57,"tag":65,"props":3556,"children":3557},{"style":648},[3558],{"type":62,"value":3004},{"type":57,"tag":65,"props":3560,"children":3561},{"style":174},[3562],{"type":62,"value":213},{"type":57,"tag":65,"props":3564,"children":3565},{"class":112,"line":764},[3566],{"type":57,"tag":65,"props":3567,"children":3568},{"emptyLinePlaceholder":267},[3569],{"type":62,"value":270},{"type":57,"tag":65,"props":3571,"children":3572},{"class":112,"line":773},[3573],{"type":57,"tag":65,"props":3574,"children":3575},{"style":1377},[3576],{"type":62,"value":3577}," \u002F\u002F Invalidate ALL tRPC queries\n",{"type":57,"tag":65,"props":3579,"children":3580},{"class":112,"line":781},[3581,3585,3590,3594,3598],{"type":57,"tag":65,"props":3582,"children":3583},{"style":282},[3584],{"type":62,"value":1043},{"type":57,"tag":65,"props":3586,"children":3587},{"style":180},[3588],{"type":62,"value":3589}," invalidateEverything",{"type":57,"tag":65,"props":3591,"children":3592},{"style":174},[3593],{"type":62,"value":815},{"type":57,"tag":65,"props":3595,"children":3596},{"style":174},[3597],{"type":62,"value":2948},{"type":57,"tag":65,"props":3599,"children":3600},{"style":282},[3601],{"type":62,"value":1108},{"type":57,"tag":65,"props":3603,"children":3604},{"class":112,"line":823},[3605,3609,3613,3617,3621,3625,3630,3634,3638,3642,3647,3652,3656,3660],{"type":57,"tag":65,"props":3606,"children":3607},{"style":180},[3608],{"type":62,"value":3396},{"type":57,"tag":65,"props":3610,"children":3611},{"style":174},[3612],{"type":62,"value":1924},{"type":57,"tag":65,"props":3614,"children":3615},{"style":330},[3616],{"type":62,"value":2974},{"type":57,"tag":65,"props":3618,"children":3619},{"style":648},[3620],{"type":62,"value":651},{"type":57,"tag":65,"props":3622,"children":3623},{"style":174},[3624],{"type":62,"value":1743},{"type":57,"tag":65,"props":3626,"children":3627},{"style":648},[3628],{"type":62,"value":3629}," queryKey",{"type":57,"tag":65,"props":3631,"children":3632},{"style":174},[3633],{"type":62,"value":670},{"type":57,"tag":65,"props":3635,"children":3636},{"style":180},[3637],{"type":62,"value":2080},{"type":57,"tag":65,"props":3639,"children":3640},{"style":174},[3641],{"type":62,"value":1924},{"type":57,"tag":65,"props":3643,"children":3644},{"style":330},[3645],{"type":62,"value":3646},"pathKey",{"type":57,"tag":65,"props":3648,"children":3649},{"style":648},[3650],{"type":62,"value":3651},"() ",{"type":57,"tag":65,"props":3653,"children":3654},{"style":174},[3655],{"type":62,"value":318},{"type":57,"tag":65,"props":3657,"children":3658},{"style":648},[3659],{"type":62,"value":757},{"type":57,"tag":65,"props":3661,"children":3662},{"style":174},[3663],{"type":62,"value":213},{"type":57,"tag":65,"props":3665,"children":3666},{"class":112,"line":831},[3667],{"type":57,"tag":65,"props":3668,"children":3669},{"emptyLinePlaceholder":267},[3670],{"type":62,"value":270},{"type":57,"tag":65,"props":3672,"children":3673},{"class":112,"line":852},[3674],{"type":57,"tag":65,"props":3675,"children":3676},{"style":1377},[3677],{"type":62,"value":3678}," \u002F\u002F Read\u002Fwrite cache directly\n",{"type":57,"tag":65,"props":3680,"children":3681},{"class":112,"line":903},[3682,3686,3691,3695,3699,3703,3708,3712,3716,3720,3724,3728,3732,3736,3741,3745,3749,3753,3757,3761,3765,3769,3773,3777],{"type":57,"tag":65,"props":3683,"children":3684},{"style":282},[3685],{"type":62,"value":1043},{"type":57,"tag":65,"props":3687,"children":3688},{"style":180},[3689],{"type":62,"value":3690}," cached",{"type":57,"tag":65,"props":3692,"children":3693},{"style":174},[3694],{"type":62,"value":815},{"type":57,"tag":65,"props":3696,"children":3697},{"style":180},[3698],{"type":62,"value":1048},{"type":57,"tag":65,"props":3700,"children":3701},{"style":174},[3702],{"type":62,"value":1924},{"type":57,"tag":65,"props":3704,"children":3705},{"style":330},[3706],{"type":62,"value":3707},"getQueryData",{"type":57,"tag":65,"props":3709,"children":3710},{"style":648},[3711],{"type":62,"value":651},{"type":57,"tag":65,"props":3713,"children":3714},{"style":180},[3715],{"type":62,"value":8},{"type":57,"tag":65,"props":3717,"children":3718},{"style":174},[3719],{"type":62,"value":1924},{"type":57,"tag":65,"props":3721,"children":3722},{"style":180},[3723],{"type":62,"value":2148},{"type":57,"tag":65,"props":3725,"children":3726},{"style":174},[3727],{"type":62,"value":1924},{"type":57,"tag":65,"props":3729,"children":3730},{"style":180},[3731],{"type":62,"value":2157},{"type":57,"tag":65,"props":3733,"children":3734},{"style":174},[3735],{"type":62,"value":1924},{"type":57,"tag":65,"props":3737,"children":3738},{"style":330},[3739],{"type":62,"value":3740},"queryKey",{"type":57,"tag":65,"props":3742,"children":3743},{"style":648},[3744],{"type":62,"value":651},{"type":57,"tag":65,"props":3746,"children":3747},{"style":174},[3748],{"type":62,"value":1743},{"type":57,"tag":65,"props":3750,"children":3751},{"style":648},[3752],{"type":62,"value":2179},{"type":57,"tag":65,"props":3754,"children":3755},{"style":174},[3756],{"type":62,"value":670},{"type":57,"tag":65,"props":3758,"children":3759},{"style":174},[3760],{"type":62,"value":198},{"type":57,"tag":65,"props":3762,"children":3763},{"style":123},[3764],{"type":62,"value":2192},{"type":57,"tag":65,"props":3766,"children":3767},{"style":174},[3768],{"type":62,"value":208},{"type":57,"tag":65,"props":3770,"children":3771},{"style":174},[3772],{"type":62,"value":188},{"type":57,"tag":65,"props":3774,"children":3775},{"style":648},[3776],{"type":62,"value":2205},{"type":57,"tag":65,"props":3778,"children":3779},{"style":174},[3780],{"type":62,"value":213},{"type":57,"tag":65,"props":3782,"children":3783},{"class":112,"line":924},[3784,3788,3792,3797,3801,3805,3809,3813,3817,3821,3825,3829,3833,3837,3841,3845,3849,3853,3857,3861,3865,3869],{"type":57,"tag":65,"props":3785,"children":3786},{"style":180},[3787],{"type":62,"value":1871},{"type":57,"tag":65,"props":3789,"children":3790},{"style":174},[3791],{"type":62,"value":1924},{"type":57,"tag":65,"props":3793,"children":3794},{"style":330},[3795],{"type":62,"value":3796},"setQueryData",{"type":57,"tag":65,"props":3798,"children":3799},{"style":648},[3800],{"type":62,"value":651},{"type":57,"tag":65,"props":3802,"children":3803},{"style":180},[3804],{"type":62,"value":8},{"type":57,"tag":65,"props":3806,"children":3807},{"style":174},[3808],{"type":62,"value":1924},{"type":57,"tag":65,"props":3810,"children":3811},{"style":180},[3812],{"type":62,"value":2148},{"type":57,"tag":65,"props":3814,"children":3815},{"style":174},[3816],{"type":62,"value":1924},{"type":57,"tag":65,"props":3818,"children":3819},{"style":180},[3820],{"type":62,"value":2157},{"type":57,"tag":65,"props":3822,"children":3823},{"style":174},[3824],{"type":62,"value":1924},{"type":57,"tag":65,"props":3826,"children":3827},{"style":330},[3828],{"type":62,"value":3740},{"type":57,"tag":65,"props":3830,"children":3831},{"style":648},[3832],{"type":62,"value":651},{"type":57,"tag":65,"props":3834,"children":3835},{"style":174},[3836],{"type":62,"value":1743},{"type":57,"tag":65,"props":3838,"children":3839},{"style":648},[3840],{"type":62,"value":2179},{"type":57,"tag":65,"props":3842,"children":3843},{"style":174},[3844],{"type":62,"value":670},{"type":57,"tag":65,"props":3846,"children":3847},{"style":174},[3848],{"type":62,"value":198},{"type":57,"tag":65,"props":3850,"children":3851},{"style":123},[3852],{"type":62,"value":2192},{"type":57,"tag":65,"props":3854,"children":3855},{"style":174},[3856],{"type":62,"value":208},{"type":57,"tag":65,"props":3858,"children":3859},{"style":174},[3860],{"type":62,"value":188},{"type":57,"tag":65,"props":3862,"children":3863},{"style":648},[3864],{"type":62,"value":757},{"type":57,"tag":65,"props":3866,"children":3867},{"style":174},[3868],{"type":62,"value":299},{"type":57,"tag":65,"props":3870,"children":3871},{"style":174},[3872],{"type":62,"value":627},{"type":57,"tag":65,"props":3874,"children":3875},{"class":112,"line":933},[3876,3881,3885,3889,3893,3897],{"type":57,"tag":65,"props":3877,"children":3878},{"style":648},[3879],{"type":62,"value":3880}," id",{"type":57,"tag":65,"props":3882,"children":3883},{"style":174},[3884],{"type":62,"value":670},{"type":57,"tag":65,"props":3886,"children":3887},{"style":174},[3888],{"type":62,"value":198},{"type":57,"tag":65,"props":3890,"children":3891},{"style":123},[3892],{"type":62,"value":2192},{"type":57,"tag":65,"props":3894,"children":3895},{"style":174},[3896],{"type":62,"value":208},{"type":57,"tag":65,"props":3898,"children":3899},{"style":174},[3900],{"type":62,"value":725},{"type":57,"tag":65,"props":3902,"children":3903},{"class":112,"line":979},[3904,3909,3913,3917,3922,3926],{"type":57,"tag":65,"props":3905,"children":3906},{"style":648},[3907],{"type":62,"value":3908}," name",{"type":57,"tag":65,"props":3910,"children":3911},{"style":174},[3912],{"type":62,"value":670},{"type":57,"tag":65,"props":3914,"children":3915},{"style":174},[3916],{"type":62,"value":198},{"type":57,"tag":65,"props":3918,"children":3919},{"style":123},[3920],{"type":62,"value":3921},"Updated",{"type":57,"tag":65,"props":3923,"children":3924},{"style":174},[3925],{"type":62,"value":208},{"type":57,"tag":65,"props":3927,"children":3928},{"style":174},[3929],{"type":62,"value":725},{"type":57,"tag":65,"props":3931,"children":3932},{"class":112,"line":995},[3933,3937,3941],{"type":57,"tag":65,"props":3934,"children":3935},{"style":174},[3936],{"type":62,"value":752},{"type":57,"tag":65,"props":3938,"children":3939},{"style":648},[3940],{"type":62,"value":757},{"type":57,"tag":65,"props":3942,"children":3943},{"style":174},[3944],{"type":62,"value":213},{"type":57,"tag":65,"props":3946,"children":3947},{"class":112,"line":1003},[3948],{"type":57,"tag":65,"props":3949,"children":3950},{"style":174},[3951],{"type":62,"value":770},{"type":57,"tag":92,"props":3953,"children":3955},{"id":3954},"infinitequeryoptions-paginated-data",[3956],{"type":62,"value":3957},"infiniteQueryOptions -- paginated data",{"type":57,"tag":99,"props":3959,"children":3961},{"className":366,"code":3960,"language":368,"meta":104,"style":104},"import { useInfiniteQuery } from '@tanstack\u002Freact-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction InfiniteList() {\n const trpc = useTRPC();\n\n const posts = useInfiniteQuery(\n trpc.post.list.infiniteQueryOptions(\n { limit: 10 },\n {\n getNextPageParam: (lastPage) => lastPage.nextCursor,\n },\n ),\n );\n\n return (\n \u003Cdiv>\n {posts.data?.pages.flatMap((page) =>\n page.items.map((item) => \u003Cdiv key={item.id}>{item.title}\u003C\u002Fdiv>),\n )}\n \u003Cbutton onClick={() => posts.fetchNextPage()}>Load more\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n );\n}\n",[3962],{"type":57,"tag":107,"props":3963,"children":3964},{"__ignoreMap":104},[3965,4005,4044,4051,4071,4098,4105,4129,4167,4194,4202,4250,4257,4269,4280,4287,4298,4313,4372,4487,4499,4560,4575,4586],{"type":57,"tag":65,"props":3966,"children":3967},{"class":112,"line":113},[3968,3972,3976,3981,3985,3989,3993,3997,4001],{"type":57,"tag":65,"props":3969,"children":3970},{"style":168},[3971],{"type":62,"value":171},{"type":57,"tag":65,"props":3973,"children":3974},{"style":174},[3975],{"type":62,"value":177},{"type":57,"tag":65,"props":3977,"children":3978},{"style":180},[3979],{"type":62,"value":3980}," useInfiniteQuery",{"type":57,"tag":65,"props":3982,"children":3983},{"style":174},[3984],{"type":62,"value":188},{"type":57,"tag":65,"props":3986,"children":3987},{"style":168},[3988],{"type":62,"value":193},{"type":57,"tag":65,"props":3990,"children":3991},{"style":174},[3992],{"type":62,"value":198},{"type":57,"tag":65,"props":3994,"children":3995},{"style":123},[3996],{"type":62,"value":415},{"type":57,"tag":65,"props":3998,"children":3999},{"style":174},[4000],{"type":62,"value":208},{"type":57,"tag":65,"props":4002,"children":4003},{"style":174},[4004],{"type":62,"value":213},{"type":57,"tag":65,"props":4006,"children":4007},{"class":112,"line":216},[4008,4012,4016,4020,4024,4028,4032,4036,4040],{"type":57,"tag":65,"props":4009,"children":4010},{"style":168},[4011],{"type":62,"value":171},{"type":57,"tag":65,"props":4013,"children":4014},{"style":174},[4015],{"type":62,"value":177},{"type":57,"tag":65,"props":4017,"children":4018},{"style":180},[4019],{"type":62,"value":304},{"type":57,"tag":65,"props":4021,"children":4022},{"style":174},[4023],{"type":62,"value":188},{"type":57,"tag":65,"props":4025,"children":4026},{"style":168},[4027],{"type":62,"value":193},{"type":57,"tag":65,"props":4029,"children":4030},{"style":174},[4031],{"type":62,"value":198},{"type":57,"tag":65,"props":4033,"children":4034},{"style":123},[4035],{"type":62,"value":588},{"type":57,"tag":65,"props":4037,"children":4038},{"style":174},[4039],{"type":62,"value":208},{"type":57,"tag":65,"props":4041,"children":4042},{"style":174},[4043],{"type":62,"value":213},{"type":57,"tag":65,"props":4045,"children":4046},{"class":112,"line":263},[4047],{"type":57,"tag":65,"props":4048,"children":4049},{"emptyLinePlaceholder":267},[4050],{"type":62,"value":270},{"type":57,"tag":65,"props":4052,"children":4053},{"class":112,"line":273},[4054,4058,4063,4067],{"type":57,"tag":65,"props":4055,"children":4056},{"style":282},[4057],{"type":62,"value":613},{"type":57,"tag":65,"props":4059,"children":4060},{"style":330},[4061],{"type":62,"value":4062}," InfiniteList",{"type":57,"tag":65,"props":4064,"children":4065},{"style":174},[4066],{"type":62,"value":353},{"type":57,"tag":65,"props":4068,"children":4069},{"style":174},[4070],{"type":62,"value":627},{"type":57,"tag":65,"props":4072,"children":4073},{"class":112,"line":326},[4074,4078,4082,4086,4090,4094],{"type":57,"tag":65,"props":4075,"children":4076},{"style":282},[4077],{"type":62,"value":1043},{"type":57,"tag":65,"props":4079,"children":4080},{"style":180},[4081],{"type":62,"value":2080},{"type":57,"tag":65,"props":4083,"children":4084},{"style":174},[4085],{"type":62,"value":815},{"type":57,"tag":65,"props":4087,"children":4088},{"style":330},[4089],{"type":62,"value":304},{"type":57,"tag":65,"props":4091,"children":4092},{"style":648},[4093],{"type":62,"value":353},{"type":57,"tag":65,"props":4095,"children":4096},{"style":174},[4097],{"type":62,"value":213},{"type":57,"tag":65,"props":4099,"children":4100},{"class":112,"line":599},[4101],{"type":57,"tag":65,"props":4102,"children":4103},{"emptyLinePlaceholder":267},[4104],{"type":62,"value":270},{"type":57,"tag":65,"props":4106,"children":4107},{"class":112,"line":607},[4108,4112,4117,4121,4125],{"type":57,"tag":65,"props":4109,"children":4110},{"style":282},[4111],{"type":62,"value":1043},{"type":57,"tag":65,"props":4113,"children":4114},{"style":180},[4115],{"type":62,"value":4116}," posts",{"type":57,"tag":65,"props":4118,"children":4119},{"style":174},[4120],{"type":62,"value":815},{"type":57,"tag":65,"props":4122,"children":4123},{"style":330},[4124],{"type":62,"value":3980},{"type":57,"tag":65,"props":4126,"children":4127},{"style":648},[4128],{"type":62,"value":2249},{"type":57,"tag":65,"props":4130,"children":4131},{"class":112,"line":630},[4132,4136,4140,4145,4149,4154,4158,4163],{"type":57,"tag":65,"props":4133,"children":4134},{"style":180},[4135],{"type":62,"value":2257},{"type":57,"tag":65,"props":4137,"children":4138},{"style":174},[4139],{"type":62,"value":1924},{"type":57,"tag":65,"props":4141,"children":4142},{"style":180},[4143],{"type":62,"value":4144},"post",{"type":57,"tag":65,"props":4146,"children":4147},{"style":174},[4148],{"type":62,"value":1924},{"type":57,"tag":65,"props":4150,"children":4151},{"style":180},[4152],{"type":62,"value":4153},"list",{"type":57,"tag":65,"props":4155,"children":4156},{"style":174},[4157],{"type":62,"value":1924},{"type":57,"tag":65,"props":4159,"children":4160},{"style":330},[4161],{"type":62,"value":4162},"infiniteQueryOptions",{"type":57,"tag":65,"props":4164,"children":4165},{"style":648},[4166],{"type":62,"value":2249},{"type":57,"tag":65,"props":4168,"children":4169},{"class":112,"line":659},[4170,4175,4180,4184,4189],{"type":57,"tag":65,"props":4171,"children":4172},{"style":174},[4173],{"type":62,"value":4174}," {",{"type":57,"tag":65,"props":4176,"children":4177},{"style":648},[4178],{"type":62,"value":4179}," limit",{"type":57,"tag":65,"props":4181,"children":4182},{"style":174},[4183],{"type":62,"value":670},{"type":57,"tag":65,"props":4185,"children":4186},{"style":707},[4187],{"type":62,"value":4188}," 10",{"type":57,"tag":65,"props":4190,"children":4191},{"style":174},[4192],{"type":62,"value":4193}," },\n",{"type":57,"tag":65,"props":4195,"children":4196},{"class":112,"line":677},[4197],{"type":57,"tag":65,"props":4198,"children":4199},{"style":174},[4200],{"type":62,"value":4201}," {\n",{"type":57,"tag":65,"props":4203,"children":4204},{"class":112,"line":694},[4205,4210,4214,4218,4224,4228,4232,4237,4241,4246],{"type":57,"tag":65,"props":4206,"children":4207},{"style":330},[4208],{"type":62,"value":4209}," getNextPageParam",{"type":57,"tag":65,"props":4211,"children":4212},{"style":174},[4213],{"type":62,"value":670},{"type":57,"tag":65,"props":4215,"children":4216},{"style":174},[4217],{"type":62,"value":863},{"type":57,"tag":65,"props":4219,"children":4221},{"style":4220},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[4222],{"type":62,"value":4223},"lastPage",{"type":57,"tag":65,"props":4225,"children":4226},{"style":174},[4227],{"type":62,"value":757},{"type":57,"tag":65,"props":4229,"children":4230},{"style":282},[4231],{"type":62,"value":2953},{"type":57,"tag":65,"props":4233,"children":4234},{"style":180},[4235],{"type":62,"value":4236}," lastPage",{"type":57,"tag":65,"props":4238,"children":4239},{"style":174},[4240],{"type":62,"value":1924},{"type":57,"tag":65,"props":4242,"children":4243},{"style":180},[4244],{"type":62,"value":4245},"nextCursor",{"type":57,"tag":65,"props":4247,"children":4248},{"style":174},[4249],{"type":62,"value":725},{"type":57,"tag":65,"props":4251,"children":4252},{"class":112,"line":728},[4253],{"type":57,"tag":65,"props":4254,"children":4255},{"style":174},[4256],{"type":62,"value":734},{"type":57,"tag":65,"props":4258,"children":4259},{"class":112,"line":737},[4260,4265],{"type":57,"tag":65,"props":4261,"children":4262},{"style":648},[4263],{"type":62,"value":4264}," )",{"type":57,"tag":65,"props":4266,"children":4267},{"style":174},[4268],{"type":62,"value":725},{"type":57,"tag":65,"props":4270,"children":4271},{"class":112,"line":746},[4272,4276],{"type":57,"tag":65,"props":4273,"children":4274},{"style":648},[4275],{"type":62,"value":1258},{"type":57,"tag":65,"props":4277,"children":4278},{"style":174},[4279],{"type":62,"value":213},{"type":57,"tag":65,"props":4281,"children":4282},{"class":112,"line":764},[4283],{"type":57,"tag":65,"props":4284,"children":4285},{"emptyLinePlaceholder":267},[4286],{"type":62,"value":270},{"type":57,"tag":65,"props":4288,"children":4289},{"class":112,"line":773},[4290,4294],{"type":57,"tag":65,"props":4291,"children":4292},{"style":168},[4293],{"type":62,"value":636},{"type":57,"tag":65,"props":4295,"children":4296},{"style":648},[4297],{"type":62,"value":1283},{"type":57,"tag":65,"props":4299,"children":4300},{"class":112,"line":781},[4301,4305,4309],{"type":57,"tag":65,"props":4302,"children":4303},{"style":174},[4304],{"type":62,"value":1292},{"type":57,"tag":65,"props":4306,"children":4307},{"style":648},[4308],{"type":62,"value":2627},{"type":57,"tag":65,"props":4310,"children":4311},{"style":174},[4312],{"type":62,"value":1402},{"type":57,"tag":65,"props":4314,"children":4315},{"class":112,"line":823},[4316,4320,4325,4329,4333,4337,4342,4346,4351,4355,4359,4364,4368],{"type":57,"tag":65,"props":4317,"children":4318},{"style":174},[4319],{"type":62,"value":4174},{"type":57,"tag":65,"props":4321,"children":4322},{"style":180},[4323],{"type":62,"value":4324},"posts",{"type":57,"tag":65,"props":4326,"children":4327},{"style":174},[4328],{"type":62,"value":1924},{"type":57,"tag":65,"props":4330,"children":4331},{"style":180},[4332],{"type":62,"value":2646},{"type":57,"tag":65,"props":4334,"children":4335},{"style":174},[4336],{"type":62,"value":2651},{"type":57,"tag":65,"props":4338,"children":4339},{"style":180},[4340],{"type":62,"value":4341},"pages",{"type":57,"tag":65,"props":4343,"children":4344},{"style":174},[4345],{"type":62,"value":1924},{"type":57,"tag":65,"props":4347,"children":4348},{"style":330},[4349],{"type":62,"value":4350},"flatMap",{"type":57,"tag":65,"props":4352,"children":4353},{"style":180},[4354],{"type":62,"value":651},{"type":57,"tag":65,"props":4356,"children":4357},{"style":174},[4358],{"type":62,"value":651},{"type":57,"tag":65,"props":4360,"children":4361},{"style":4220},[4362],{"type":62,"value":4363},"page",{"type":57,"tag":65,"props":4365,"children":4366},{"style":174},[4367],{"type":62,"value":757},{"type":57,"tag":65,"props":4369,"children":4370},{"style":282},[4371],{"type":62,"value":1108},{"type":57,"tag":65,"props":4373,"children":4374},{"class":112,"line":831},[4375,4380,4384,4389,4393,4398,4402,4406,4411,4415,4419,4423,4427,4432,4436,4440,4444,4449,4454,4458,4462,4467,4471,4475,4479,4483],{"type":57,"tag":65,"props":4376,"children":4377},{"style":180},[4378],{"type":62,"value":4379}," page",{"type":57,"tag":65,"props":4381,"children":4382},{"style":174},[4383],{"type":62,"value":1924},{"type":57,"tag":65,"props":4385,"children":4386},{"style":180},[4387],{"type":62,"value":4388},"items",{"type":57,"tag":65,"props":4390,"children":4391},{"style":174},[4392],{"type":62,"value":1924},{"type":57,"tag":65,"props":4394,"children":4395},{"style":330},[4396],{"type":62,"value":4397},"map",{"type":57,"tag":65,"props":4399,"children":4400},{"style":180},[4401],{"type":62,"value":651},{"type":57,"tag":65,"props":4403,"children":4404},{"style":174},[4405],{"type":62,"value":651},{"type":57,"tag":65,"props":4407,"children":4408},{"style":4220},[4409],{"type":62,"value":4410},"item",{"type":57,"tag":65,"props":4412,"children":4413},{"style":174},[4414],{"type":62,"value":757},{"type":57,"tag":65,"props":4416,"children":4417},{"style":282},[4418],{"type":62,"value":2953},{"type":57,"tag":65,"props":4420,"children":4421},{"style":174},[4422],{"type":62,"value":2622},{"type":57,"tag":65,"props":4424,"children":4425},{"style":648},[4426],{"type":62,"value":2627},{"type":57,"tag":65,"props":4428,"children":4429},{"style":282},[4430],{"type":62,"value":4431}," key",{"type":57,"tag":65,"props":4433,"children":4434},{"style":174},[4435],{"type":62,"value":1307},{"type":57,"tag":65,"props":4437,"children":4438},{"style":180},[4439],{"type":62,"value":4410},{"type":57,"tag":65,"props":4441,"children":4442},{"style":174},[4443],{"type":62,"value":1924},{"type":57,"tag":65,"props":4445,"children":4446},{"style":180},[4447],{"type":62,"value":4448},"id",{"type":57,"tag":65,"props":4450,"children":4451},{"style":174},[4452],{"type":62,"value":4453},"}>{",{"type":57,"tag":65,"props":4455,"children":4456},{"style":180},[4457],{"type":62,"value":4410},{"type":57,"tag":65,"props":4459,"children":4460},{"style":174},[4461],{"type":62,"value":1924},{"type":57,"tag":65,"props":4463,"children":4464},{"style":180},[4465],{"type":62,"value":4466},"title",{"type":57,"tag":65,"props":4468,"children":4469},{"style":174},[4470],{"type":62,"value":2661},{"type":57,"tag":65,"props":4472,"children":4473},{"style":648},[4474],{"type":62,"value":2627},{"type":57,"tag":65,"props":4476,"children":4477},{"style":174},[4478],{"type":62,"value":348},{"type":57,"tag":65,"props":4480,"children":4481},{"style":180},[4482],{"type":62,"value":757},{"type":57,"tag":65,"props":4484,"children":4485},{"style":174},[4486],{"type":62,"value":725},{"type":57,"tag":65,"props":4488,"children":4489},{"class":112,"line":852},[4490,4495],{"type":57,"tag":65,"props":4491,"children":4492},{"style":180},[4493],{"type":62,"value":4494}," )",{"type":57,"tag":65,"props":4496,"children":4497},{"style":174},[4498],{"type":62,"value":770},{"type":57,"tag":65,"props":4500,"children":4501},{"class":112,"line":903},[4502,4506,4510,4514,4518,4522,4526,4530,4535,4539,4543,4548,4552,4556],{"type":57,"tag":65,"props":4503,"children":4504},{"style":174},[4505],{"type":62,"value":1326},{"type":57,"tag":65,"props":4507,"children":4508},{"style":648},[4509],{"type":62,"value":3071},{"type":57,"tag":65,"props":4511,"children":4512},{"style":282},[4513],{"type":62,"value":3076},{"type":57,"tag":65,"props":4515,"children":4516},{"style":174},[4517],{"type":62,"value":3081},{"type":57,"tag":65,"props":4519,"children":4520},{"style":282},[4521],{"type":62,"value":2953},{"type":57,"tag":65,"props":4523,"children":4524},{"style":180},[4525],{"type":62,"value":4116},{"type":57,"tag":65,"props":4527,"children":4528},{"style":174},[4529],{"type":62,"value":1924},{"type":57,"tag":65,"props":4531,"children":4532},{"style":330},[4533],{"type":62,"value":4534},"fetchNextPage",{"type":57,"tag":65,"props":4536,"children":4537},{"style":180},[4538],{"type":62,"value":353},{"type":57,"tag":65,"props":4540,"children":4541},{"style":174},[4542],{"type":62,"value":3141},{"type":57,"tag":65,"props":4544,"children":4545},{"style":180},[4546],{"type":62,"value":4547},"Load more",{"type":57,"tag":65,"props":4549,"children":4550},{"style":174},[4551],{"type":62,"value":3151},{"type":57,"tag":65,"props":4553,"children":4554},{"style":648},[4555],{"type":62,"value":3071},{"type":57,"tag":65,"props":4557,"children":4558},{"style":174},[4559],{"type":62,"value":1402},{"type":57,"tag":65,"props":4561,"children":4562},{"class":112,"line":924},[4563,4567,4571],{"type":57,"tag":65,"props":4564,"children":4565},{"style":174},[4566],{"type":62,"value":1411},{"type":57,"tag":65,"props":4568,"children":4569},{"style":648},[4570],{"type":62,"value":2627},{"type":57,"tag":65,"props":4572,"children":4573},{"style":174},[4574],{"type":62,"value":1402},{"type":57,"tag":65,"props":4576,"children":4577},{"class":112,"line":933},[4578,4582],{"type":57,"tag":65,"props":4579,"children":4580},{"style":648},[4581],{"type":62,"value":1258},{"type":57,"tag":65,"props":4583,"children":4584},{"style":174},[4585],{"type":62,"value":213},{"type":57,"tag":65,"props":4587,"children":4588},{"class":112,"line":979},[4589],{"type":57,"tag":65,"props":4590,"children":4591},{"style":174},[4592],{"type":62,"value":770},{"type":57,"tag":92,"props":4594,"children":4596},{"id":4595},"subscriptionoptions-real-time-data",[4597],{"type":62,"value":4598},"subscriptionOptions -- real-time data",{"type":57,"tag":99,"props":4600,"children":4602},{"className":366,"code":4601,"language":368,"meta":104,"style":104},"import { useSubscription } from '@trpc\u002Ftanstack-react-query';\nimport { useTRPC } from '..\u002Futils\u002Ftrpc';\n\nfunction ChatMessages() {\n const trpc = useTRPC();\n\n const sub = useSubscription(\n trpc.chat.onMessage.subscriptionOptions(\n { channelId: 'general' },\n {\n onData: (message) => {\n console.log('New message:', message);\n },\n onError: (err) => {\n console.error('Subscription error:', err);\n },\n },\n ),\n );\n\n return (\n \u003Cdiv>\n Status: {sub.status}, Last: {JSON.stringify(sub.data)}\n \u003C\u002Fdiv>\n );\n}\n",[4603],{"type":57,"tag":107,"props":4604,"children":4605},{"__ignoreMap":104},[4606,4646,4685,4692,4712,4739,4746,4770,4808,4841,4848,4881,4932,4940,4973,5023,5030,5037,5048,5059,5066,5077,5092,5163,5178,5189],{"type":57,"tag":65,"props":4607,"children":4608},{"class":112,"line":113},[4609,4613,4617,4622,4626,4630,4634,4638,4642],{"type":57,"tag":65,"props":4610,"children":4611},{"style":168},[4612],{"type":62,"value":171},{"type":57,"tag":65,"props":4614,"children":4615},{"style":174},[4616],{"type":62,"value":177},{"type":57,"tag":65,"props":4618,"children":4619},{"style":180},[4620],{"type":62,"value":4621}," useSubscription",{"type":57,"tag":65,"props":4623,"children":4624},{"style":174},[4625],{"type":62,"value":188},{"type":57,"tag":65,"props":4627,"children":4628},{"style":168},[4629],{"type":62,"value":193},{"type":57,"tag":65,"props":4631,"children":4632},{"style":174},[4633],{"type":62,"value":198},{"type":57,"tag":65,"props":4635,"children":4636},{"style":123},[4637],{"type":62,"value":203},{"type":57,"tag":65,"props":4639,"children":4640},{"style":174},[4641],{"type":62,"value":208},{"type":57,"tag":65,"props":4643,"children":4644},{"style":174},[4645],{"type":62,"value":213},{"type":57,"tag":65,"props":4647,"children":4648},{"class":112,"line":216},[4649,4653,4657,4661,4665,4669,4673,4677,4681],{"type":57,"tag":65,"props":4650,"children":4651},{"style":168},[4652],{"type":62,"value":171},{"type":57,"tag":65,"props":4654,"children":4655},{"style":174},[4656],{"type":62,"value":177},{"type":57,"tag":65,"props":4658,"children":4659},{"style":180},[4660],{"type":62,"value":304},{"type":57,"tag":65,"props":4662,"children":4663},{"style":174},[4664],{"type":62,"value":188},{"type":57,"tag":65,"props":4666,"children":4667},{"style":168},[4668],{"type":62,"value":193},{"type":57,"tag":65,"props":4670,"children":4671},{"style":174},[4672],{"type":62,"value":198},{"type":57,"tag":65,"props":4674,"children":4675},{"style":123},[4676],{"type":62,"value":588},{"type":57,"tag":65,"props":4678,"children":4679},{"style":174},[4680],{"type":62,"value":208},{"type":57,"tag":65,"props":4682,"children":4683},{"style":174},[4684],{"type":62,"value":213},{"type":57,"tag":65,"props":4686,"children":4687},{"class":112,"line":263},[4688],{"type":57,"tag":65,"props":4689,"children":4690},{"emptyLinePlaceholder":267},[4691],{"type":62,"value":270},{"type":57,"tag":65,"props":4693,"children":4694},{"class":112,"line":273},[4695,4699,4704,4708],{"type":57,"tag":65,"props":4696,"children":4697},{"style":282},[4698],{"type":62,"value":613},{"type":57,"tag":65,"props":4700,"children":4701},{"style":330},[4702],{"type":62,"value":4703}," ChatMessages",{"type":57,"tag":65,"props":4705,"children":4706},{"style":174},[4707],{"type":62,"value":353},{"type":57,"tag":65,"props":4709,"children":4710},{"style":174},[4711],{"type":62,"value":627},{"type":57,"tag":65,"props":4713,"children":4714},{"class":112,"line":326},[4715,4719,4723,4727,4731,4735],{"type":57,"tag":65,"props":4716,"children":4717},{"style":282},[4718],{"type":62,"value":1043},{"type":57,"tag":65,"props":4720,"children":4721},{"style":180},[4722],{"type":62,"value":2080},{"type":57,"tag":65,"props":4724,"children":4725},{"style":174},[4726],{"type":62,"value":815},{"type":57,"tag":65,"props":4728,"children":4729},{"style":330},[4730],{"type":62,"value":304},{"type":57,"tag":65,"props":4732,"children":4733},{"style":648},[4734],{"type":62,"value":353},{"type":57,"tag":65,"props":4736,"children":4737},{"style":174},[4738],{"type":62,"value":213},{"type":57,"tag":65,"props":4740,"children":4741},{"class":112,"line":599},[4742],{"type":57,"tag":65,"props":4743,"children":4744},{"emptyLinePlaceholder":267},[4745],{"type":62,"value":270},{"type":57,"tag":65,"props":4747,"children":4748},{"class":112,"line":607},[4749,4753,4758,4762,4766],{"type":57,"tag":65,"props":4750,"children":4751},{"style":282},[4752],{"type":62,"value":1043},{"type":57,"tag":65,"props":4754,"children":4755},{"style":180},[4756],{"type":62,"value":4757}," sub",{"type":57,"tag":65,"props":4759,"children":4760},{"style":174},[4761],{"type":62,"value":815},{"type":57,"tag":65,"props":4763,"children":4764},{"style":330},[4765],{"type":62,"value":4621},{"type":57,"tag":65,"props":4767,"children":4768},{"style":648},[4769],{"type":62,"value":2249},{"type":57,"tag":65,"props":4771,"children":4772},{"class":112,"line":630},[4773,4777,4781,4786,4790,4795,4799,4804],{"type":57,"tag":65,"props":4774,"children":4775},{"style":180},[4776],{"type":62,"value":2257},{"type":57,"tag":65,"props":4778,"children":4779},{"style":174},[4780],{"type":62,"value":1924},{"type":57,"tag":65,"props":4782,"children":4783},{"style":180},[4784],{"type":62,"value":4785},"chat",{"type":57,"tag":65,"props":4787,"children":4788},{"style":174},[4789],{"type":62,"value":1924},{"type":57,"tag":65,"props":4791,"children":4792},{"style":180},[4793],{"type":62,"value":4794},"onMessage",{"type":57,"tag":65,"props":4796,"children":4797},{"style":174},[4798],{"type":62,"value":1924},{"type":57,"tag":65,"props":4800,"children":4801},{"style":330},[4802],{"type":62,"value":4803},"subscriptionOptions",{"type":57,"tag":65,"props":4805,"children":4806},{"style":648},[4807],{"type":62,"value":2249},{"type":57,"tag":65,"props":4809,"children":4810},{"class":112,"line":659},[4811,4815,4820,4824,4828,4833,4837],{"type":57,"tag":65,"props":4812,"children":4813},{"style":174},[4814],{"type":62,"value":4174},{"type":57,"tag":65,"props":4816,"children":4817},{"style":648},[4818],{"type":62,"value":4819}," channelId",{"type":57,"tag":65,"props":4821,"children":4822},{"style":174},[4823],{"type":62,"value":670},{"type":57,"tag":65,"props":4825,"children":4826},{"style":174},[4827],{"type":62,"value":198},{"type":57,"tag":65,"props":4829,"children":4830},{"style":123},[4831],{"type":62,"value":4832},"general",{"type":57,"tag":65,"props":4834,"children":4835},{"style":174},[4836],{"type":62,"value":208},{"type":57,"tag":65,"props":4838,"children":4839},{"style":174},[4840],{"type":62,"value":4193},{"type":57,"tag":65,"props":4842,"children":4843},{"class":112,"line":677},[4844],{"type":57,"tag":65,"props":4845,"children":4846},{"style":174},[4847],{"type":62,"value":4201},{"type":57,"tag":65,"props":4849,"children":4850},{"class":112,"line":694},[4851,4856,4860,4864,4869,4873,4877],{"type":57,"tag":65,"props":4852,"children":4853},{"style":330},[4854],{"type":62,"value":4855}," onData",{"type":57,"tag":65,"props":4857,"children":4858},{"style":174},[4859],{"type":62,"value":670},{"type":57,"tag":65,"props":4861,"children":4862},{"style":174},[4863],{"type":62,"value":863},{"type":57,"tag":65,"props":4865,"children":4866},{"style":4220},[4867],{"type":62,"value":4868},"message",{"type":57,"tag":65,"props":4870,"children":4871},{"style":174},[4872],{"type":62,"value":757},{"type":57,"tag":65,"props":4874,"children":4875},{"style":282},[4876],{"type":62,"value":2953},{"type":57,"tag":65,"props":4878,"children":4879},{"style":174},[4880],{"type":62,"value":627},{"type":57,"tag":65,"props":4882,"children":4883},{"class":112,"line":728},[4884,4889,4893,4898,4902,4906,4911,4915,4919,4924,4928],{"type":57,"tag":65,"props":4885,"children":4886},{"style":180},[4887],{"type":62,"value":4888}," console",{"type":57,"tag":65,"props":4890,"children":4891},{"style":174},[4892],{"type":62,"value":1924},{"type":57,"tag":65,"props":4894,"children":4895},{"style":330},[4896],{"type":62,"value":4897},"log",{"type":57,"tag":65,"props":4899,"children":4900},{"style":648},[4901],{"type":62,"value":651},{"type":57,"tag":65,"props":4903,"children":4904},{"style":174},[4905],{"type":62,"value":208},{"type":57,"tag":65,"props":4907,"children":4908},{"style":123},[4909],{"type":62,"value":4910},"New message:",{"type":57,"tag":65,"props":4912,"children":4913},{"style":174},[4914],{"type":62,"value":208},{"type":57,"tag":65,"props":4916,"children":4917},{"style":174},[4918],{"type":62,"value":299},{"type":57,"tag":65,"props":4920,"children":4921},{"style":180},[4922],{"type":62,"value":4923}," message",{"type":57,"tag":65,"props":4925,"children":4926},{"style":648},[4927],{"type":62,"value":757},{"type":57,"tag":65,"props":4929,"children":4930},{"style":174},[4931],{"type":62,"value":213},{"type":57,"tag":65,"props":4933,"children":4934},{"class":112,"line":737},[4935],{"type":57,"tag":65,"props":4936,"children":4937},{"style":174},[4938],{"type":62,"value":4939}," },\n",{"type":57,"tag":65,"props":4941,"children":4942},{"class":112,"line":746},[4943,4948,4952,4956,4961,4965,4969],{"type":57,"tag":65,"props":4944,"children":4945},{"style":330},[4946],{"type":62,"value":4947}," onError",{"type":57,"tag":65,"props":4949,"children":4950},{"style":174},[4951],{"type":62,"value":670},{"type":57,"tag":65,"props":4953,"children":4954},{"style":174},[4955],{"type":62,"value":863},{"type":57,"tag":65,"props":4957,"children":4958},{"style":4220},[4959],{"type":62,"value":4960},"err",{"type":57,"tag":65,"props":4962,"children":4963},{"style":174},[4964],{"type":62,"value":757},{"type":57,"tag":65,"props":4966,"children":4967},{"style":282},[4968],{"type":62,"value":2953},{"type":57,"tag":65,"props":4970,"children":4971},{"style":174},[4972],{"type":62,"value":627},{"type":57,"tag":65,"props":4974,"children":4975},{"class":112,"line":764},[4976,4980,4984,4989,4993,4997,5002,5006,5010,5015,5019],{"type":57,"tag":65,"props":4977,"children":4978},{"style":180},[4979],{"type":62,"value":4888},{"type":57,"tag":65,"props":4981,"children":4982},{"style":174},[4983],{"type":62,"value":1924},{"type":57,"tag":65,"props":4985,"children":4986},{"style":330},[4987],{"type":62,"value":4988},"error",{"type":57,"tag":65,"props":4990,"children":4991},{"style":648},[4992],{"type":62,"value":651},{"type":57,"tag":65,"props":4994,"children":4995},{"style":174},[4996],{"type":62,"value":208},{"type":57,"tag":65,"props":4998,"children":4999},{"style":123},[5000],{"type":62,"value":5001},"Subscription error:",{"type":57,"tag":65,"props":5003,"children":5004},{"style":174},[5005],{"type":62,"value":208},{"type":57,"tag":65,"props":5007,"children":5008},{"style":174},[5009],{"type":62,"value":299},{"type":57,"tag":65,"props":5011,"children":5012},{"style":180},[5013],{"type":62,"value":5014}," err",{"type":57,"tag":65,"props":5016,"children":5017},{"style":648},[5018],{"type":62,"value":757},{"type":57,"tag":65,"props":5020,"children":5021},{"style":174},[5022],{"type":62,"value":213},{"type":57,"tag":65,"props":5024,"children":5025},{"class":112,"line":773},[5026],{"type":57,"tag":65,"props":5027,"children":5028},{"style":174},[5029],{"type":62,"value":4939},{"type":57,"tag":65,"props":5031,"children":5032},{"class":112,"line":781},[5033],{"type":57,"tag":65,"props":5034,"children":5035},{"style":174},[5036],{"type":62,"value":734},{"type":57,"tag":65,"props":5038,"children":5039},{"class":112,"line":823},[5040,5044],{"type":57,"tag":65,"props":5041,"children":5042},{"style":648},[5043],{"type":62,"value":4264},{"type":57,"tag":65,"props":5045,"children":5046},{"style":174},[5047],{"type":62,"value":725},{"type":57,"tag":65,"props":5049,"children":5050},{"class":112,"line":831},[5051,5055],{"type":57,"tag":65,"props":5052,"children":5053},{"style":648},[5054],{"type":62,"value":1258},{"type":57,"tag":65,"props":5056,"children":5057},{"style":174},[5058],{"type":62,"value":213},{"type":57,"tag":65,"props":5060,"children":5061},{"class":112,"line":852},[5062],{"type":57,"tag":65,"props":5063,"children":5064},{"emptyLinePlaceholder":267},[5065],{"type":62,"value":270},{"type":57,"tag":65,"props":5067,"children":5068},{"class":112,"line":903},[5069,5073],{"type":57,"tag":65,"props":5070,"children":5071},{"style":168},[5072],{"type":62,"value":636},{"type":57,"tag":65,"props":5074,"children":5075},{"style":648},[5076],{"type":62,"value":1283},{"type":57,"tag":65,"props":5078,"children":5079},{"class":112,"line":924},[5080,5084,5088],{"type":57,"tag":65,"props":5081,"children":5082},{"style":174},[5083],{"type":62,"value":1292},{"type":57,"tag":65,"props":5085,"children":5086},{"style":648},[5087],{"type":62,"value":2627},{"type":57,"tag":65,"props":5089,"children":5090},{"style":174},[5091],{"type":62,"value":1402},{"type":57,"tag":65,"props":5093,"children":5094},{"class":112,"line":933},[5095,5100,5104,5109,5113,5118,5122,5127,5131,5136,5140,5145,5150,5154,5159],{"type":57,"tag":65,"props":5096,"children":5097},{"style":180},[5098],{"type":62,"value":5099}," Status: ",{"type":57,"tag":65,"props":5101,"children":5102},{"style":174},[5103],{"type":62,"value":1743},{"type":57,"tag":65,"props":5105,"children":5106},{"style":180},[5107],{"type":62,"value":5108},"sub",{"type":57,"tag":65,"props":5110,"children":5111},{"style":174},[5112],{"type":62,"value":1924},{"type":57,"tag":65,"props":5114,"children":5115},{"style":180},[5116],{"type":62,"value":5117},"status",{"type":57,"tag":65,"props":5119,"children":5120},{"style":174},[5121],{"type":62,"value":318},{"type":57,"tag":65,"props":5123,"children":5124},{"style":180},[5125],{"type":62,"value":5126},", Last: ",{"type":57,"tag":65,"props":5128,"children":5129},{"style":174},[5130],{"type":62,"value":1743},{"type":57,"tag":65,"props":5132,"children":5133},{"style":180},[5134],{"type":62,"value":5135},"JSON",{"type":57,"tag":65,"props":5137,"children":5138},{"style":174},[5139],{"type":62,"value":1924},{"type":57,"tag":65,"props":5141,"children":5142},{"style":330},[5143],{"type":62,"value":5144},"stringify",{"type":57,"tag":65,"props":5146,"children":5147},{"style":180},[5148],{"type":62,"value":5149},"(sub",{"type":57,"tag":65,"props":5151,"children":5152},{"style":174},[5153],{"type":62,"value":1924},{"type":57,"tag":65,"props":5155,"children":5156},{"style":180},[5157],{"type":62,"value":5158},"data)",{"type":57,"tag":65,"props":5160,"children":5161},{"style":174},[5162],{"type":62,"value":770},{"type":57,"tag":65,"props":5164,"children":5165},{"class":112,"line":979},[5166,5170,5174],{"type":57,"tag":65,"props":5167,"children":5168},{"style":174},[5169],{"type":62,"value":1411},{"type":57,"tag":65,"props":5171,"children":5172},{"style":648},[5173],{"type":62,"value":2627},{"type":57,"tag":65,"props":5175,"children":5176},{"style":174},[5177],{"type":62,"value":1402},{"type":57,"tag":65,"props":5179,"children":5180},{"class":112,"line":995},[5181,5185],{"type":57,"tag":65,"props":5182,"children":5183},{"style":648},[5184],{"type":62,"value":1258},{"type":57,"tag":65,"props":5186,"children":5187},{"style":174},[5188],{"type":62,"value":213},{"type":57,"tag":65,"props":5190,"children":5191},{"class":112,"line":1003},[5192],{"type":57,"tag":65,"props":5193,"children":5194},{"style":174},[5195],{"type":62,"value":770},{"type":57,"tag":92,"props":5197,"children":5199},{"id":5198},"type-inference",[5200],{"type":62,"value":5201},"Type inference",{"type":57,"tag":99,"props":5203,"children":5205},{"className":155,"code":5204,"language":157,"meta":104,"style":104},"import type { inferRouterInputs, inferRouterOutputs } from '@trpc\u002Fserver';\nimport type { inferInput, inferOutput } from '@trpc\u002Ftanstack-react-query';\nimport type { AppRouter } from '..\u002Fserver\u002Frouter';\n\n\u002F\u002F Router-level inference\ntype Inputs = inferRouterInputs\u003CAppRouter>;\ntype Outputs = inferRouterOutputs\u003CAppRouter>;\ntype UserInput = Inputs['user']['byId'];\ntype UserOutput = Outputs['user']['byId'];\n\n\u002F\u002F Procedure-level inference (inside component)\n\u002F\u002F const trpc = useTRPC();\n\u002F\u002F type Input = inferInput\u003Ctypeof trpc.user.byId>;\n\u002F\u002F type Output = inferOutput\u003Ctypeof trpc.user.byId>;\n",[5206],{"type":57,"tag":107,"props":5207,"children":5208},{"__ignoreMap":104},[5209,5263,5316,5359,5366,5374,5407,5439,5501,5561,5568,5576,5584,5592],{"type":57,"tag":65,"props":5210,"children":5211},{"class":112,"line":113},[5212,5216,5220,5224,5229,5233,5238,5242,5246,5250,5255,5259],{"type":57,"tag":65,"props":5213,"children":5214},{"style":168},[5215],{"type":62,"value":171},{"type":57,"tag":65,"props":5217,"children":5218},{"style":168},[5219],{"type":62,"value":226},{"type":57,"tag":65,"props":5221,"children":5222},{"style":174},[5223],{"type":62,"value":177},{"type":57,"tag":65,"props":5225,"children":5226},{"style":180},[5227],{"type":62,"value":5228}," inferRouterInputs",{"type":57,"tag":65,"props":5230,"children":5231},{"style":174},[5232],{"type":62,"value":299},{"type":57,"tag":65,"props":5234,"children":5235},{"style":180},[5236],{"type":62,"value":5237}," inferRouterOutputs",{"type":57,"tag":65,"props":5239,"children":5240},{"style":174},[5241],{"type":62,"value":188},{"type":57,"tag":65,"props":5243,"children":5244},{"style":168},[5245],{"type":62,"value":193},{"type":57,"tag":65,"props":5247,"children":5248},{"style":174},[5249],{"type":62,"value":198},{"type":57,"tag":65,"props":5251,"children":5252},{"style":123},[5253],{"type":62,"value":5254},"@trpc\u002Fserver",{"type":57,"tag":65,"props":5256,"children":5257},{"style":174},[5258],{"type":62,"value":208},{"type":57,"tag":65,"props":5260,"children":5261},{"style":174},[5262],{"type":62,"value":213},{"type":57,"tag":65,"props":5264,"children":5265},{"class":112,"line":216},[5266,5270,5274,5278,5283,5287,5292,5296,5300,5304,5308,5312],{"type":57,"tag":65,"props":5267,"children":5268},{"style":168},[5269],{"type":62,"value":171},{"type":57,"tag":65,"props":5271,"children":5272},{"style":168},[5273],{"type":62,"value":226},{"type":57,"tag":65,"props":5275,"children":5276},{"style":174},[5277],{"type":62,"value":177},{"type":57,"tag":65,"props":5279,"children":5280},{"style":180},[5281],{"type":62,"value":5282}," inferInput",{"type":57,"tag":65,"props":5284,"children":5285},{"style":174},[5286],{"type":62,"value":299},{"type":57,"tag":65,"props":5288,"children":5289},{"style":180},[5290],{"type":62,"value":5291}," inferOutput",{"type":57,"tag":65,"props":5293,"children":5294},{"style":174},[5295],{"type":62,"value":188},{"type":57,"tag":65,"props":5297,"children":5298},{"style":168},[5299],{"type":62,"value":193},{"type":57,"tag":65,"props":5301,"children":5302},{"style":174},[5303],{"type":62,"value":198},{"type":57,"tag":65,"props":5305,"children":5306},{"style":123},[5307],{"type":62,"value":203},{"type":57,"tag":65,"props":5309,"children":5310},{"style":174},[5311],{"type":62,"value":208},{"type":57,"tag":65,"props":5313,"children":5314},{"style":174},[5315],{"type":62,"value":213},{"type":57,"tag":65,"props":5317,"children":5318},{"class":112,"line":263},[5319,5323,5327,5331,5335,5339,5343,5347,5351,5355],{"type":57,"tag":65,"props":5320,"children":5321},{"style":168},[5322],{"type":62,"value":171},{"type":57,"tag":65,"props":5324,"children":5325},{"style":168},[5326],{"type":62,"value":226},{"type":57,"tag":65,"props":5328,"children":5329},{"style":174},[5330],{"type":62,"value":177},{"type":57,"tag":65,"props":5332,"children":5333},{"style":180},[5334],{"type":62,"value":235},{"type":57,"tag":65,"props":5336,"children":5337},{"style":174},[5338],{"type":62,"value":188},{"type":57,"tag":65,"props":5340,"children":5341},{"style":168},[5342],{"type":62,"value":193},{"type":57,"tag":65,"props":5344,"children":5345},{"style":174},[5346],{"type":62,"value":198},{"type":57,"tag":65,"props":5348,"children":5349},{"style":123},[5350],{"type":62,"value":252},{"type":57,"tag":65,"props":5352,"children":5353},{"style":174},[5354],{"type":62,"value":208},{"type":57,"tag":65,"props":5356,"children":5357},{"style":174},[5358],{"type":62,"value":213},{"type":57,"tag":65,"props":5360,"children":5361},{"class":112,"line":273},[5362],{"type":57,"tag":65,"props":5363,"children":5364},{"emptyLinePlaceholder":267},[5365],{"type":62,"value":270},{"type":57,"tag":65,"props":5367,"children":5368},{"class":112,"line":326},[5369],{"type":57,"tag":65,"props":5370,"children":5371},{"style":1377},[5372],{"type":62,"value":5373},"\u002F\u002F Router-level inference\n",{"type":57,"tag":65,"props":5375,"children":5376},{"class":112,"line":599},[5377,5382,5387,5391,5395,5399,5403],{"type":57,"tag":65,"props":5378,"children":5379},{"style":282},[5380],{"type":62,"value":5381},"type",{"type":57,"tag":65,"props":5383,"children":5384},{"style":117},[5385],{"type":62,"value":5386}," Inputs",{"type":57,"tag":65,"props":5388,"children":5389},{"style":174},[5390],{"type":62,"value":815},{"type":57,"tag":65,"props":5392,"children":5393},{"style":117},[5394],{"type":62,"value":5228},{"type":57,"tag":65,"props":5396,"children":5397},{"style":174},[5398],{"type":62,"value":338},{"type":57,"tag":65,"props":5400,"children":5401},{"style":117},[5402],{"type":62,"value":343},{"type":57,"tag":65,"props":5404,"children":5405},{"style":174},[5406],{"type":62,"value":2670},{"type":57,"tag":65,"props":5408,"children":5409},{"class":112,"line":607},[5410,5414,5419,5423,5427,5431,5435],{"type":57,"tag":65,"props":5411,"children":5412},{"style":282},[5413],{"type":62,"value":5381},{"type":57,"tag":65,"props":5415,"children":5416},{"style":117},[5417],{"type":62,"value":5418}," Outputs",{"type":57,"tag":65,"props":5420,"children":5421},{"style":174},[5422],{"type":62,"value":815},{"type":57,"tag":65,"props":5424,"children":5425},{"style":117},[5426],{"type":62,"value":5237},{"type":57,"tag":65,"props":5428,"children":5429},{"style":174},[5430],{"type":62,"value":338},{"type":57,"tag":65,"props":5432,"children":5433},{"style":117},[5434],{"type":62,"value":343},{"type":57,"tag":65,"props":5436,"children":5437},{"style":174},[5438],{"type":62,"value":2670},{"type":57,"tag":65,"props":5440,"children":5441},{"class":112,"line":630},[5442,5446,5451,5455,5459,5464,5468,5472,5476,5481,5485,5489,5493,5497],{"type":57,"tag":65,"props":5443,"children":5444},{"style":282},[5445],{"type":62,"value":5381},{"type":57,"tag":65,"props":5447,"children":5448},{"style":117},[5449],{"type":62,"value":5450}," UserInput",{"type":57,"tag":65,"props":5452,"children":5453},{"style":174},[5454],{"type":62,"value":815},{"type":57,"tag":65,"props":5456,"children":5457},{"style":117},[5458],{"type":62,"value":5386},{"type":57,"tag":65,"props":5460,"children":5461},{"style":180},[5462],{"type":62,"value":5463},"[",{"type":57,"tag":65,"props":5465,"children":5466},{"style":174},[5467],{"type":62,"value":208},{"type":57,"tag":65,"props":5469,"children":5470},{"style":123},[5471],{"type":62,"value":2148},{"type":57,"tag":65,"props":5473,"children":5474},{"style":174},[5475],{"type":62,"value":208},{"type":57,"tag":65,"props":5477,"children":5478},{"style":180},[5479],{"type":62,"value":5480},"][",{"type":57,"tag":65,"props":5482,"children":5483},{"style":174},[5484],{"type":62,"value":208},{"type":57,"tag":65,"props":5486,"children":5487},{"style":123},[5488],{"type":62,"value":2157},{"type":57,"tag":65,"props":5490,"children":5491},{"style":174},[5492],{"type":62,"value":208},{"type":57,"tag":65,"props":5494,"children":5495},{"style":180},[5496],{"type":62,"value":1087},{"type":57,"tag":65,"props":5498,"children":5499},{"style":174},[5500],{"type":62,"value":213},{"type":57,"tag":65,"props":5502,"children":5503},{"class":112,"line":659},[5504,5508,5513,5517,5521,5525,5529,5533,5537,5541,5545,5549,5553,5557],{"type":57,"tag":65,"props":5505,"children":5506},{"style":282},[5507],{"type":62,"value":5381},{"type":57,"tag":65,"props":5509,"children":5510},{"style":117},[5511],{"type":62,"value":5512}," UserOutput",{"type":57,"tag":65,"props":5514,"children":5515},{"style":174},[5516],{"type":62,"value":815},{"type":57,"tag":65,"props":5518,"children":5519},{"style":117},[5520],{"type":62,"value":5418},{"type":57,"tag":65,"props":5522,"children":5523},{"style":180},[5524],{"type":62,"value":5463},{"type":57,"tag":65,"props":5526,"children":5527},{"style":174},[5528],{"type":62,"value":208},{"type":57,"tag":65,"props":5530,"children":5531},{"style":123},[5532],{"type":62,"value":2148},{"type":57,"tag":65,"props":5534,"children":5535},{"style":174},[5536],{"type":62,"value":208},{"type":57,"tag":65,"props":5538,"children":5539},{"style":180},[5540],{"type":62,"value":5480},{"type":57,"tag":65,"props":5542,"children":5543},{"style":174},[5544],{"type":62,"value":208},{"type":57,"tag":65,"props":5546,"children":5547},{"style":123},[5548],{"type":62,"value":2157},{"type":57,"tag":65,"props":5550,"children":5551},{"style":174},[5552],{"type":62,"value":208},{"type":57,"tag":65,"props":5554,"children":5555},{"style":180},[5556],{"type":62,"value":1087},{"type":57,"tag":65,"props":5558,"children":5559},{"style":174},[5560],{"type":62,"value":213},{"type":57,"tag":65,"props":5562,"children":5563},{"class":112,"line":677},[5564],{"type":57,"tag":65,"props":5565,"children":5566},{"emptyLinePlaceholder":267},[5567],{"type":62,"value":270},{"type":57,"tag":65,"props":5569,"children":5570},{"class":112,"line":694},[5571],{"type":57,"tag":65,"props":5572,"children":5573},{"style":1377},[5574],{"type":62,"value":5575},"\u002F\u002F Procedure-level inference (inside component)\n",{"type":57,"tag":65,"props":5577,"children":5578},{"class":112,"line":728},[5579],{"type":57,"tag":65,"props":5580,"children":5581},{"style":1377},[5582],{"type":62,"value":5583},"\u002F\u002F const trpc = useTRPC();\n",{"type":57,"tag":65,"props":5585,"children":5586},{"class":112,"line":737},[5587],{"type":57,"tag":65,"props":5588,"children":5589},{"style":1377},[5590],{"type":62,"value":5591},"\u002F\u002F type Input = inferInput\u003Ctypeof trpc.user.byId>;\n",{"type":57,"tag":65,"props":5593,"children":5594},{"class":112,"line":746},[5595],{"type":57,"tag":65,"props":5596,"children":5597},{"style":1377},[5598],{"type":62,"value":5599},"\u002F\u002F type Output = inferOutput\u003Ctypeof trpc.user.byId>;\n",{"type":57,"tag":92,"props":5601,"children":5603},{"id":5602},"accessing-the-trpc-client-directly",[5604],{"type":62,"value":5605},"Accessing the tRPC client directly",{"type":57,"tag":99,"props":5607,"children":5609},{"className":366,"code":5608,"language":368,"meta":104,"style":104},"import { useTRPCClient } from '..\u002Futils\u002Ftrpc';\n\nasync function DirectCall() {\n const client = useTRPCClient();\n const result = await client.user.byId.query({ id: '1' });\n}\n",[5610],{"type":57,"tag":107,"props":5611,"children":5612},{"__ignoreMap":104},[5613,5653,5660,5685,5712,5802],{"type":57,"tag":65,"props":5614,"children":5615},{"class":112,"line":113},[5616,5620,5624,5629,5633,5637,5641,5645,5649],{"type":57,"tag":65,"props":5617,"children":5618},{"style":168},[5619],{"type":62,"value":171},{"type":57,"tag":65,"props":5621,"children":5622},{"style":174},[5623],{"type":62,"value":177},{"type":57,"tag":65,"props":5625,"children":5626},{"style":180},[5627],{"type":62,"value":5628}," useTRPCClient",{"type":57,"tag":65,"props":5630,"children":5631},{"style":174},[5632],{"type":62,"value":188},{"type":57,"tag":65,"props":5634,"children":5635},{"style":168},[5636],{"type":62,"value":193},{"type":57,"tag":65,"props":5638,"children":5639},{"style":174},[5640],{"type":62,"value":198},{"type":57,"tag":65,"props":5642,"children":5643},{"style":123},[5644],{"type":62,"value":588},{"type":57,"tag":65,"props":5646,"children":5647},{"style":174},[5648],{"type":62,"value":208},{"type":57,"tag":65,"props":5650,"children":5651},{"style":174},[5652],{"type":62,"value":213},{"type":57,"tag":65,"props":5654,"children":5655},{"class":112,"line":216},[5656],{"type":57,"tag":65,"props":5657,"children":5658},{"emptyLinePlaceholder":267},[5659],{"type":62,"value":270},{"type":57,"tag":65,"props":5661,"children":5662},{"class":112,"line":263},[5663,5668,5672,5677,5681],{"type":57,"tag":65,"props":5664,"children":5665},{"style":282},[5666],{"type":62,"value":5667},"async",{"type":57,"tag":65,"props":5669,"children":5670},{"style":282},[5671],{"type":62,"value":1021},{"type":57,"tag":65,"props":5673,"children":5674},{"style":330},[5675],{"type":62,"value":5676}," DirectCall",{"type":57,"tag":65,"props":5678,"children":5679},{"style":174},[5680],{"type":62,"value":353},{"type":57,"tag":65,"props":5682,"children":5683},{"style":174},[5684],{"type":62,"value":627},{"type":57,"tag":65,"props":5686,"children":5687},{"class":112,"line":273},[5688,5692,5696,5700,5704,5708],{"type":57,"tag":65,"props":5689,"children":5690},{"style":282},[5691],{"type":62,"value":1043},{"type":57,"tag":65,"props":5693,"children":5694},{"style":180},[5695],{"type":62,"value":1302},{"type":57,"tag":65,"props":5697,"children":5698},{"style":174},[5699],{"type":62,"value":815},{"type":57,"tag":65,"props":5701,"children":5702},{"style":330},[5703],{"type":62,"value":5628},{"type":57,"tag":65,"props":5705,"children":5706},{"style":648},[5707],{"type":62,"value":353},{"type":57,"tag":65,"props":5709,"children":5710},{"style":174},[5711],{"type":62,"value":213},{"type":57,"tag":65,"props":5713,"children":5714},{"class":112,"line":326},[5715,5719,5724,5728,5733,5737,5741,5745,5749,5753,5757,5762,5766,5770,5774,5778,5782,5786,5790,5794,5798],{"type":57,"tag":65,"props":5716,"children":5717},{"style":282},[5718],{"type":62,"value":1043},{"type":57,"tag":65,"props":5720,"children":5721},{"style":180},[5722],{"type":62,"value":5723}," result",{"type":57,"tag":65,"props":5725,"children":5726},{"style":174},[5727],{"type":62,"value":815},{"type":57,"tag":65,"props":5729,"children":5730},{"style":168},[5731],{"type":62,"value":5732}," await",{"type":57,"tag":65,"props":5734,"children":5735},{"style":180},[5736],{"type":62,"value":1302},{"type":57,"tag":65,"props":5738,"children":5739},{"style":174},[5740],{"type":62,"value":1924},{"type":57,"tag":65,"props":5742,"children":5743},{"style":180},[5744],{"type":62,"value":2148},{"type":57,"tag":65,"props":5746,"children":5747},{"style":174},[5748],{"type":62,"value":1924},{"type":57,"tag":65,"props":5750,"children":5751},{"style":180},[5752],{"type":62,"value":2157},{"type":57,"tag":65,"props":5754,"children":5755},{"style":174},[5756],{"type":62,"value":1924},{"type":57,"tag":65,"props":5758,"children":5759},{"style":330},[5760],{"type":62,"value":5761},"query",{"type":57,"tag":65,"props":5763,"children":5764},{"style":648},[5765],{"type":62,"value":651},{"type":57,"tag":65,"props":5767,"children":5768},{"style":174},[5769],{"type":62,"value":1743},{"type":57,"tag":65,"props":5771,"children":5772},{"style":648},[5773],{"type":62,"value":2179},{"type":57,"tag":65,"props":5775,"children":5776},{"style":174},[5777],{"type":62,"value":670},{"type":57,"tag":65,"props":5779,"children":5780},{"style":174},[5781],{"type":62,"value":198},{"type":57,"tag":65,"props":5783,"children":5784},{"style":123},[5785],{"type":62,"value":2192},{"type":57,"tag":65,"props":5787,"children":5788},{"style":174},[5789],{"type":62,"value":208},{"type":57,"tag":65,"props":5791,"children":5792},{"style":174},[5793],{"type":62,"value":188},{"type":57,"tag":65,"props":5795,"children":5796},{"style":648},[5797],{"type":62,"value":757},{"type":57,"tag":65,"props":5799,"children":5800},{"style":174},[5801],{"type":62,"value":213},{"type":57,"tag":65,"props":5803,"children":5804},{"class":112,"line":599},[5805],{"type":57,"tag":65,"props":5806,"children":5807},{"style":174},[5808],{"type":62,"value":770},{"type":57,"tag":85,"props":5810,"children":5812},{"id":5811},"common-mistakes",[5813],{"type":62,"value":5814},"Common Mistakes",{"type":57,"tag":92,"props":5816,"children":5818},{"id":5817},"using-usequery-without-the-queryoptions-factory",[5819],{"type":62,"value":5820},"Using useQuery without the queryOptions factory",{"type":57,"tag":58,"props":5822,"children":5823},{},[5824,5826,5832],{"type":62,"value":5825},"Calling ",{"type":57,"tag":107,"props":5827,"children":5829},{"className":5828},[],[5830],{"type":62,"value":5831},"useQuery({ queryKey: [...], queryFn: ... })",{"type":62,"value":5833}," manually bypasses tRPC's type-safe query key generation and loses autocomplete. Always use the options factory.",{"type":57,"tag":99,"props":5835,"children":5837},{"className":366,"code":5836,"language":368,"meta":104,"style":104},"\u002F\u002F WRONG\nuseQuery({ queryKey: ['user', id], queryFn: () => fetch(...) });\n\n\u002F\u002F CORRECT\nconst trpc = useTRPC();\nuseQuery(trpc.user.byId.queryOptions({ id }));\n",[5838],{"type":57,"tag":107,"props":5839,"children":5840},{"__ignoreMap":104},[5841,5849,5949,5956,5964,5991],{"type":57,"tag":65,"props":5842,"children":5843},{"class":112,"line":113},[5844],{"type":57,"tag":65,"props":5845,"children":5846},{"style":1377},[5847],{"type":62,"value":5848},"\u002F\u002F WRONG\n",{"type":57,"tag":65,"props":5850,"children":5851},{"class":112,"line":216},[5852,5857,5861,5865,5869,5873,5877,5881,5885,5889,5893,5898,5902,5907,5911,5915,5919,5924,5928,5933,5937,5941,5945],{"type":57,"tag":65,"props":5853,"children":5854},{"style":330},[5855],{"type":62,"value":5856},"useQuery",{"type":57,"tag":65,"props":5858,"children":5859},{"style":180},[5860],{"type":62,"value":651},{"type":57,"tag":65,"props":5862,"children":5863},{"style":174},[5864],{"type":62,"value":1743},{"type":57,"tag":65,"props":5866,"children":5867},{"style":648},[5868],{"type":62,"value":3629},{"type":57,"tag":65,"props":5870,"children":5871},{"style":174},[5872],{"type":62,"value":670},{"type":57,"tag":65,"props":5874,"children":5875},{"style":180},[5876],{"type":62,"value":1077},{"type":57,"tag":65,"props":5878,"children":5879},{"style":174},[5880],{"type":62,"value":208},{"type":57,"tag":65,"props":5882,"children":5883},{"style":123},[5884],{"type":62,"value":2148},{"type":57,"tag":65,"props":5886,"children":5887},{"style":174},[5888],{"type":62,"value":208},{"type":57,"tag":65,"props":5890,"children":5891},{"style":174},[5892],{"type":62,"value":299},{"type":57,"tag":65,"props":5894,"children":5895},{"style":180},[5896],{"type":62,"value":5897}," id]",{"type":57,"tag":65,"props":5899,"children":5900},{"style":174},[5901],{"type":62,"value":299},{"type":57,"tag":65,"props":5903,"children":5904},{"style":330},[5905],{"type":62,"value":5906}," queryFn",{"type":57,"tag":65,"props":5908,"children":5909},{"style":174},[5910],{"type":62,"value":670},{"type":57,"tag":65,"props":5912,"children":5913},{"style":174},[5914],{"type":62,"value":2948},{"type":57,"tag":65,"props":5916,"children":5917},{"style":282},[5918],{"type":62,"value":2953},{"type":57,"tag":65,"props":5920,"children":5921},{"style":330},[5922],{"type":62,"value":5923}," fetch",{"type":57,"tag":65,"props":5925,"children":5926},{"style":180},[5927],{"type":62,"value":651},{"type":57,"tag":65,"props":5929,"children":5930},{"style":174},[5931],{"type":62,"value":5932},"...",{"type":57,"tag":65,"props":5934,"children":5935},{"style":180},[5936],{"type":62,"value":896},{"type":57,"tag":65,"props":5938,"children":5939},{"style":174},[5940],{"type":62,"value":318},{"type":57,"tag":65,"props":5942,"children":5943},{"style":180},[5944],{"type":62,"value":757},{"type":57,"tag":65,"props":5946,"children":5947},{"style":174},[5948],{"type":62,"value":213},{"type":57,"tag":65,"props":5950,"children":5951},{"class":112,"line":263},[5952],{"type":57,"tag":65,"props":5953,"children":5954},{"emptyLinePlaceholder":267},[5955],{"type":62,"value":270},{"type":57,"tag":65,"props":5957,"children":5958},{"class":112,"line":273},[5959],{"type":57,"tag":65,"props":5960,"children":5961},{"style":1377},[5962],{"type":62,"value":5963},"\u002F\u002F CORRECT\n",{"type":57,"tag":65,"props":5965,"children":5966},{"class":112,"line":326},[5967,5971,5975,5979,5983,5987],{"type":57,"tag":65,"props":5968,"children":5969},{"style":282},[5970],{"type":62,"value":1680},{"type":57,"tag":65,"props":5972,"children":5973},{"style":180},[5974],{"type":62,"value":1815},{"type":57,"tag":65,"props":5976,"children":5977},{"style":174},[5978],{"type":62,"value":1649},{"type":57,"tag":65,"props":5980,"children":5981},{"style":330},[5982],{"type":62,"value":304},{"type":57,"tag":65,"props":5984,"children":5985},{"style":180},[5986],{"type":62,"value":353},{"type":57,"tag":65,"props":5988,"children":5989},{"style":174},[5990],{"type":62,"value":213},{"type":57,"tag":65,"props":5992,"children":5993},{"class":112,"line":599},[5994,5998,6003,6007,6011,6015,6019,6023,6027,6031,6035,6040,6044,6048],{"type":57,"tag":65,"props":5995,"children":5996},{"style":330},[5997],{"type":62,"value":5856},{"type":57,"tag":65,"props":5999,"children":6000},{"style":180},[6001],{"type":62,"value":6002},"(trpc",{"type":57,"tag":65,"props":6004,"children":6005},{"style":174},[6006],{"type":62,"value":1924},{"type":57,"tag":65,"props":6008,"children":6009},{"style":180},[6010],{"type":62,"value":2148},{"type":57,"tag":65,"props":6012,"children":6013},{"style":174},[6014],{"type":62,"value":1924},{"type":57,"tag":65,"props":6016,"children":6017},{"style":180},[6018],{"type":62,"value":2157},{"type":57,"tag":65,"props":6020,"children":6021},{"style":174},[6022],{"type":62,"value":1924},{"type":57,"tag":65,"props":6024,"children":6025},{"style":330},[6026],{"type":62,"value":2166},{"type":57,"tag":65,"props":6028,"children":6029},{"style":180},[6030],{"type":62,"value":651},{"type":57,"tag":65,"props":6032,"children":6033},{"style":174},[6034],{"type":62,"value":1743},{"type":57,"tag":65,"props":6036,"children":6037},{"style":180},[6038],{"type":62,"value":6039}," id ",{"type":57,"tag":65,"props":6041,"children":6042},{"style":174},[6043],{"type":62,"value":318},{"type":57,"tag":65,"props":6045,"children":6046},{"style":180},[6047],{"type":62,"value":2205},{"type":57,"tag":65,"props":6049,"children":6050},{"style":174},[6051],{"type":62,"value":213},{"type":57,"tag":92,"props":6053,"children":6055},{"id":6054},"missing-trpcprovider-wrapper",[6056],{"type":62,"value":6057},"Missing TRPCProvider wrapper",{"type":57,"tag":58,"props":6059,"children":6060},{},[6061,6066,6068,6074,6076,6081,6083,6088,6090,6096],{"type":57,"tag":107,"props":6062,"children":6064},{"className":6063},[],[6065],{"type":62,"value":1922},{"type":62,"value":6067}," throws ",{"type":57,"tag":107,"props":6069,"children":6071},{"className":6070},[],[6072],{"type":62,"value":6073},"\"can only be used inside a \u003CTRPCProvider>\"",{"type":62,"value":6075}," if the component tree is not wrapped. Ensure ",{"type":57,"tag":107,"props":6077,"children":6079},{"className":6078},[],[6080],{"type":62,"value":1331},{"type":62,"value":6082}," is mounted above all components that call ",{"type":57,"tag":107,"props":6084,"children":6086},{"className":6085},[],[6087],{"type":62,"value":1922},{"type":62,"value":6089},", typically in your root ",{"type":57,"tag":107,"props":6091,"children":6093},{"className":6092},[],[6094],{"type":62,"value":6095},"App",{"type":62,"value":6097}," component.",{"type":57,"tag":92,"props":6099,"children":6101},{"id":6100},"invalidating-queries-with-the-classic-utils-pattern",[6102],{"type":62,"value":6103},"Invalidating queries with the classic utils pattern",{"type":57,"tag":58,"props":6105,"children":6106},{},[6107,6109,6114,6116,6122,6124,6130,6132,6138],{"type":62,"value":6108},"The new ",{"type":57,"tag":107,"props":6110,"children":6112},{"className":6111},[],[6113],{"type":62,"value":203},{"type":62,"value":6115}," package does not use ",{"type":57,"tag":107,"props":6117,"children":6119},{"className":6118},[],[6120],{"type":62,"value":6121},"utils.invalidate()",{"type":62,"value":6123},". Use ",{"type":57,"tag":107,"props":6125,"children":6127},{"className":6126},[],[6128],{"type":62,"value":6129},"queryClient.invalidateQueries()",{"type":62,"value":6131}," with ",{"type":57,"tag":107,"props":6133,"children":6135},{"className":6134},[],[6136],{"type":62,"value":6137},"queryFilter()",{"type":62,"value":6139}," instead.",{"type":57,"tag":99,"props":6141,"children":6143},{"className":366,"code":6142,"language":368,"meta":104,"style":104},"\u002F\u002F WRONG -- classic pattern does not work with new package\nutils.post.invalidate();\n\n\u002F\u002F CORRECT\nconst trpc = useTRPC();\nconst queryClient = useQueryClient();\nqueryClient.invalidateQueries(trpc.post.queryFilter());\n",[6144],{"type":57,"tag":107,"props":6145,"children":6146},{"__ignoreMap":104},[6147,6155,6188,6195,6202,6229,6256],{"type":57,"tag":65,"props":6148,"children":6149},{"class":112,"line":113},[6150],{"type":57,"tag":65,"props":6151,"children":6152},{"style":1377},[6153],{"type":62,"value":6154},"\u002F\u002F WRONG -- classic pattern does not work with new package\n",{"type":57,"tag":65,"props":6156,"children":6157},{"class":112,"line":216},[6158,6163,6167,6171,6175,6180,6184],{"type":57,"tag":65,"props":6159,"children":6160},{"style":180},[6161],{"type":62,"value":6162},"utils",{"type":57,"tag":65,"props":6164,"children":6165},{"style":174},[6166],{"type":62,"value":1924},{"type":57,"tag":65,"props":6168,"children":6169},{"style":180},[6170],{"type":62,"value":4144},{"type":57,"tag":65,"props":6172,"children":6173},{"style":174},[6174],{"type":62,"value":1924},{"type":57,"tag":65,"props":6176,"children":6177},{"style":330},[6178],{"type":62,"value":6179},"invalidate",{"type":57,"tag":65,"props":6181,"children":6182},{"style":180},[6183],{"type":62,"value":353},{"type":57,"tag":65,"props":6185,"children":6186},{"style":174},[6187],{"type":62,"value":213},{"type":57,"tag":65,"props":6189,"children":6190},{"class":112,"line":263},[6191],{"type":57,"tag":65,"props":6192,"children":6193},{"emptyLinePlaceholder":267},[6194],{"type":62,"value":270},{"type":57,"tag":65,"props":6196,"children":6197},{"class":112,"line":273},[6198],{"type":57,"tag":65,"props":6199,"children":6200},{"style":1377},[6201],{"type":62,"value":5963},{"type":57,"tag":65,"props":6203,"children":6204},{"class":112,"line":326},[6205,6209,6213,6217,6221,6225],{"type":57,"tag":65,"props":6206,"children":6207},{"style":282},[6208],{"type":62,"value":1680},{"type":57,"tag":65,"props":6210,"children":6211},{"style":180},[6212],{"type":62,"value":1815},{"type":57,"tag":65,"props":6214,"children":6215},{"style":174},[6216],{"type":62,"value":1649},{"type":57,"tag":65,"props":6218,"children":6219},{"style":330},[6220],{"type":62,"value":304},{"type":57,"tag":65,"props":6222,"children":6223},{"style":180},[6224],{"type":62,"value":353},{"type":57,"tag":65,"props":6226,"children":6227},{"style":174},[6228],{"type":62,"value":213},{"type":57,"tag":65,"props":6230,"children":6231},{"class":112,"line":599},[6232,6236,6240,6244,6248,6252],{"type":57,"tag":65,"props":6233,"children":6234},{"style":282},[6235],{"type":62,"value":1680},{"type":57,"tag":65,"props":6237,"children":6238},{"style":180},[6239],{"type":62,"value":1644},{"type":57,"tag":65,"props":6241,"children":6242},{"style":174},[6243],{"type":62,"value":1649},{"type":57,"tag":65,"props":6245,"children":6246},{"style":330},[6247],{"type":62,"value":2715},{"type":57,"tag":65,"props":6249,"children":6250},{"style":180},[6251],{"type":62,"value":353},{"type":57,"tag":65,"props":6253,"children":6254},{"style":174},[6255],{"type":62,"value":213},{"type":57,"tag":65,"props":6257,"children":6258},{"class":112,"line":607},[6259,6263,6267,6271,6275,6279,6283,6287,6291,6295],{"type":57,"tag":65,"props":6260,"children":6261},{"style":180},[6262],{"type":62,"value":1312},{"type":57,"tag":65,"props":6264,"children":6265},{"style":174},[6266],{"type":62,"value":1924},{"type":57,"tag":65,"props":6268,"children":6269},{"style":330},[6270],{"type":62,"value":2974},{"type":57,"tag":65,"props":6272,"children":6273},{"style":180},[6274],{"type":62,"value":6002},{"type":57,"tag":65,"props":6276,"children":6277},{"style":174},[6278],{"type":62,"value":1924},{"type":57,"tag":65,"props":6280,"children":6281},{"style":180},[6282],{"type":62,"value":4144},{"type":57,"tag":65,"props":6284,"children":6285},{"style":174},[6286],{"type":62,"value":1924},{"type":57,"tag":65,"props":6288,"children":6289},{"style":330},[6290],{"type":62,"value":2999},{"type":57,"tag":65,"props":6292,"children":6293},{"style":180},[6294],{"type":62,"value":3004},{"type":57,"tag":65,"props":6296,"children":6297},{"style":174},[6298],{"type":62,"value":213},{"type":57,"tag":92,"props":6300,"children":6302},{"id":6301},"creating-a-singleton-queryclient-for-ssr",[6303],{"type":62,"value":6304},"Creating a singleton QueryClient for SSR",{"type":57,"tag":58,"props":6306,"children":6307},{},[6308,6310,6316,6318,6323],{"type":62,"value":6309},"In server-rendered apps, a singleton ",{"type":57,"tag":107,"props":6311,"children":6313},{"className":6312},[],[6314],{"type":62,"value":6315},"QueryClient",{"type":62,"value":6317}," leaks data between requests. Always create a new ",{"type":57,"tag":107,"props":6319,"children":6321},{"className":6320},[],[6322],{"type":62,"value":6315},{"type":62,"value":6324}," per request on the server, and reuse a single instance only in the browser.",{"type":57,"tag":99,"props":6326,"children":6328},{"className":155,"code":6327,"language":157,"meta":104,"style":104},"\u002F\u002F WRONG\nconst queryClient = new QueryClient(); \u002F\u002F shared across requests!\n\n\u002F\u002F CORRECT\nfunction getQueryClient() {\n if (typeof window === 'undefined') return makeQueryClient();\n if (!browserQueryClient) browserQueryClient = makeQueryClient();\n return browserQueryClient;\n}\n",[6329],{"type":57,"tag":107,"props":6330,"children":6331},{"__ignoreMap":104},[6332,6339,6376,6383,6390,6409,6465,6508,6523],{"type":57,"tag":65,"props":6333,"children":6334},{"class":112,"line":113},[6335],{"type":57,"tag":65,"props":6336,"children":6337},{"style":1377},[6338],{"type":62,"value":5848},{"type":57,"tag":65,"props":6340,"children":6341},{"class":112,"line":216},[6342,6346,6350,6354,6358,6362,6366,6371],{"type":57,"tag":65,"props":6343,"children":6344},{"style":282},[6345],{"type":62,"value":1680},{"type":57,"tag":65,"props":6347,"children":6348},{"style":180},[6349],{"type":62,"value":1644},{"type":57,"tag":65,"props":6351,"children":6352},{"style":174},[6353],{"type":62,"value":1649},{"type":57,"tag":65,"props":6355,"children":6356},{"style":174},[6357],{"type":62,"value":641},{"type":57,"tag":65,"props":6359,"children":6360},{"style":330},[6361],{"type":62,"value":389},{"type":57,"tag":65,"props":6363,"children":6364},{"style":180},[6365],{"type":62,"value":353},{"type":57,"tag":65,"props":6367,"children":6368},{"style":174},[6369],{"type":62,"value":6370},";",{"type":57,"tag":65,"props":6372,"children":6373},{"style":1377},[6374],{"type":62,"value":6375}," \u002F\u002F shared across requests!\n",{"type":57,"tag":65,"props":6377,"children":6378},{"class":112,"line":263},[6379],{"type":57,"tag":65,"props":6380,"children":6381},{"emptyLinePlaceholder":267},[6382],{"type":62,"value":270},{"type":57,"tag":65,"props":6384,"children":6385},{"class":112,"line":273},[6386],{"type":57,"tag":65,"props":6387,"children":6388},{"style":1377},[6389],{"type":62,"value":5963},{"type":57,"tag":65,"props":6391,"children":6392},{"class":112,"line":326},[6393,6397,6401,6405],{"type":57,"tag":65,"props":6394,"children":6395},{"style":282},[6396],{"type":62,"value":613},{"type":57,"tag":65,"props":6398,"children":6399},{"style":330},[6400],{"type":62,"value":841},{"type":57,"tag":65,"props":6402,"children":6403},{"style":174},[6404],{"type":62,"value":353},{"type":57,"tag":65,"props":6406,"children":6407},{"style":174},[6408],{"type":62,"value":627},{"type":57,"tag":65,"props":6410,"children":6411},{"class":112,"line":599},[6412,6416,6420,6424,6428,6432,6436,6440,6444,6448,6453,6457,6461],{"type":57,"tag":65,"props":6413,"children":6414},{"style":168},[6415],{"type":62,"value":858},{"type":57,"tag":65,"props":6417,"children":6418},{"style":648},[6419],{"type":62,"value":863},{"type":57,"tag":65,"props":6421,"children":6422},{"style":174},[6423],{"type":62,"value":868},{"type":57,"tag":65,"props":6425,"children":6426},{"style":180},[6427],{"type":62,"value":873},{"type":57,"tag":65,"props":6429,"children":6430},{"style":174},[6431],{"type":62,"value":878},{"type":57,"tag":65,"props":6433,"children":6434},{"style":174},[6435],{"type":62,"value":198},{"type":57,"tag":65,"props":6437,"children":6438},{"style":123},[6439],{"type":62,"value":887},{"type":57,"tag":65,"props":6441,"children":6442},{"style":174},[6443],{"type":62,"value":208},{"type":57,"tag":65,"props":6445,"children":6446},{"style":648},[6447],{"type":62,"value":896},{"type":57,"tag":65,"props":6449,"children":6450},{"style":168},[6451],{"type":62,"value":6452},"return",{"type":57,"tag":65,"props":6454,"children":6455},{"style":330},[6456],{"type":62,"value":618},{"type":57,"tag":65,"props":6458,"children":6459},{"style":648},[6460],{"type":62,"value":353},{"type":57,"tag":65,"props":6462,"children":6463},{"style":174},[6464],{"type":62,"value":213},{"type":57,"tag":65,"props":6466,"children":6467},{"class":112,"line":607},[6468,6472,6476,6480,6484,6488,6492,6496,6500,6504],{"type":57,"tag":65,"props":6469,"children":6470},{"style":168},[6471],{"type":62,"value":858},{"type":57,"tag":65,"props":6473,"children":6474},{"style":648},[6475],{"type":62,"value":863},{"type":57,"tag":65,"props":6477,"children":6478},{"style":174},[6479],{"type":62,"value":947},{"type":57,"tag":65,"props":6481,"children":6482},{"style":180},[6483],{"type":62,"value":952},{"type":57,"tag":65,"props":6485,"children":6486},{"style":648},[6487],{"type":62,"value":896},{"type":57,"tag":65,"props":6489,"children":6490},{"style":180},[6491],{"type":62,"value":952},{"type":57,"tag":65,"props":6493,"children":6494},{"style":174},[6495],{"type":62,"value":815},{"type":57,"tag":65,"props":6497,"children":6498},{"style":330},[6499],{"type":62,"value":618},{"type":57,"tag":65,"props":6501,"children":6502},{"style":648},[6503],{"type":62,"value":353},{"type":57,"tag":65,"props":6505,"children":6506},{"style":174},[6507],{"type":62,"value":213},{"type":57,"tag":65,"props":6509,"children":6510},{"class":112,"line":630},[6511,6515,6519],{"type":57,"tag":65,"props":6512,"children":6513},{"style":168},[6514],{"type":62,"value":636},{"type":57,"tag":65,"props":6516,"children":6517},{"style":180},[6518],{"type":62,"value":792},{"type":57,"tag":65,"props":6520,"children":6521},{"style":174},[6522],{"type":62,"value":213},{"type":57,"tag":65,"props":6524,"children":6525},{"class":112,"line":659},[6526],{"type":57,"tag":65,"props":6527,"children":6528},{"style":174},[6529],{"type":62,"value":770},{"type":57,"tag":85,"props":6531,"children":6533},{"id":6532},"see-also",[6534],{"type":62,"value":6535},"See Also",{"type":57,"tag":6537,"props":6538,"children":6539},"ul",{},[6540,6550,6559,6569],{"type":57,"tag":6541,"props":6542,"children":6543},"li",{},[6544,6548],{"type":57,"tag":65,"props":6545,"children":6546},{},[6547],{"type":62,"value":46},{"type":62,"value":6549}," -- vanilla tRPC client, links, and transport configuration",{"type":57,"tag":6541,"props":6551,"children":6552},{},[6553,6557],{"type":57,"tag":65,"props":6554,"children":6555},{},[6556],{"type":62,"value":47},{"type":62,"value":6558}," -- httpBatchLink, splitLink, and other link types",{"type":57,"tag":6541,"props":6560,"children":6561},{},[6562,6567],{"type":57,"tag":65,"props":6563,"children":6564},{},[6565],{"type":62,"value":6566},"react-query-classic-migration",{"type":62,"value":6568}," -- migrating from @trpc\u002Freact-query to @trpc\u002Ftanstack-react-query",{"type":57,"tag":6541,"props":6570,"children":6571},{},[6572,6577],{"type":57,"tag":65,"props":6573,"children":6574},{},[6575],{"type":62,"value":6576},"nextjs-app-router",{"type":62,"value":6578}," -- using this integration with Next.js App Router and RSC",{"type":57,"tag":6580,"props":6581,"children":6582},"style",{},[6583],{"type":62,"value":6584},"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":6586,"total":979},[6587,6602,6615,6628,6648,6661,6675,6689,6698,6711,6720,6732],{"slug":6588,"name":6588,"fn":6589,"description":6590,"org":6591,"tags":6592,"stars":26,"repoUrl":27,"updatedAt":6601},"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},[6593,6596,6599,6600],{"name":6594,"slug":6595,"type":15},"API Development","api-development",{"name":6597,"slug":6598,"type":15},"AWS","aws",{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:47:05.451869",{"slug":6603,"name":6603,"fn":6604,"description":6605,"org":6606,"tags":6607,"stars":26,"repoUrl":27,"updatedAt":6614},"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},[6608,6609,6610,6613],{"name":6594,"slug":6595,"type":15},{"name":17,"slug":18,"type":15},{"name":6611,"slug":6612,"type":15},"Express","express",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:53.274248",{"slug":6616,"name":6616,"fn":6617,"description":6618,"org":6619,"tags":6620,"stars":26,"repoUrl":27,"updatedAt":6627},"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},[6621,6622,6623,6626],{"name":6594,"slug":6595,"type":15},{"name":17,"slug":18,"type":15},{"name":6624,"slug":6625,"type":15},"Fastify","fastify",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:53.746621",{"slug":6629,"name":6629,"fn":6630,"description":6631,"org":6632,"tags":6633,"stars":26,"repoUrl":27,"updatedAt":6647},"adapter-fetch","deploy tRPC on edge runtimes","Deploy tRPC on WinterCG-compliant edge runtimes with fetchRequestHandler() from @trpc\u002Fserver\u002Fadapters\u002Ffetch. Supports Cloudflare Workers, Deno Deploy, Vercel Edge Runtime, Astro, Remix, SolidStart. FetchCreateContextFnOptions provides req (Request) and resHeaders (Headers) for context creation. The endpoint option must match the URL path prefix where the handler is mounted.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6634,6637,6640,6643,6644],{"name":6635,"slug":6636,"type":15},"Cloudflare","cloudflare",{"name":6638,"slug":6639,"type":15},"Deployment","deployment",{"name":6641,"slug":6642,"type":15},"Edge","edge",{"name":9,"slug":8,"type":15},{"name":6645,"slug":6646,"type":15},"Vercel","vercel","2026-07-18T05:46:50.548228",{"slug":6649,"name":6649,"fn":6650,"description":6651,"org":6652,"tags":6653,"stars":26,"repoUrl":27,"updatedAt":6660},"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},[6654,6655,6656,6659],{"name":6594,"slug":6595,"type":15},{"name":17,"slug":18,"type":15},{"name":6657,"slug":6658,"type":15},"Node.js","node-js",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:58.093869",{"slug":6662,"name":6662,"fn":6663,"description":6664,"org":6665,"tags":6666,"stars":26,"repoUrl":27,"updatedAt":6674},"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},[6667,6669,6672,6673],{"name":6668,"slug":6662,"type":15},"Auth",{"name":6670,"slug":6671,"type":15},"Authentication","authentication",{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:46:45.347628",{"slug":6676,"name":6676,"fn":6677,"description":6678,"org":6679,"tags":6680,"stars":26,"repoUrl":27,"updatedAt":6688},"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},[6681,6682,6684,6687],{"name":17,"slug":18,"type":15},{"name":6683,"slug":6676,"type":15},"Caching",{"name":6685,"slug":6686,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:45.86443",{"slug":46,"name":46,"fn":6690,"description":6691,"org":6692,"tags":6693,"stars":26,"repoUrl":27,"updatedAt":6697},"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},[6694,6695,6696],{"name":6594,"slug":6595,"type":15},{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:48:11.437946",{"slug":6699,"name":6699,"fn":6700,"description":6701,"org":6702,"tags":6703,"stars":26,"repoUrl":27,"updatedAt":6710},"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},[6704,6705,6708,6709],{"name":17,"slug":18,"type":15},{"name":6706,"slug":6707,"type":15},"Debugging","debugging",{"name":9,"slug":8,"type":15},{"name":20,"slug":21,"type":15},"2026-07-18T05:46:52.798151",{"slug":47,"name":47,"fn":6712,"description":6713,"org":6714,"tags":6715,"stars":26,"repoUrl":27,"updatedAt":6719},"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},[6716,6717,6718],{"name":6594,"slug":6595,"type":15},{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-18T05:47:06.847309",{"slug":6721,"name":6721,"fn":6722,"description":6723,"org":6724,"tags":6725,"stars":26,"repoUrl":27,"updatedAt":6731},"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},[6726,6727,6730],{"name":17,"slug":18,"type":15},{"name":6728,"slug":6729,"type":15},"Middleware","middleware",{"name":9,"slug":8,"type":15},"2026-07-18T05:46:49.132255",{"slug":6576,"name":6576,"fn":6733,"description":6734,"org":6735,"tags":6736,"stars":26,"repoUrl":27,"updatedAt":6744},"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},[6737,6738,6739,6742,6743],{"name":17,"slug":18,"type":15},{"name":24,"slug":25,"type":15},{"name":6740,"slug":6741,"type":15},"Next.js","next-js",{"name":9,"slug":8,"type":15},{"name":20,"slug":21,"type":15},"2026-07-18T05:47:10.468453",{"items":6746,"total":979},[6747,6754,6761,6768,6776,6783,6790],{"slug":6588,"name":6588,"fn":6589,"description":6590,"org":6748,"tags":6749,"stars":26,"repoUrl":27,"updatedAt":6601},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6750,6751,6752,6753],{"name":6594,"slug":6595,"type":15},{"name":6597,"slug":6598,"type":15},{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},{"slug":6603,"name":6603,"fn":6604,"description":6605,"org":6755,"tags":6756,"stars":26,"repoUrl":27,"updatedAt":6614},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6757,6758,6759,6760],{"name":6594,"slug":6595,"type":15},{"name":17,"slug":18,"type":15},{"name":6611,"slug":6612,"type":15},{"name":9,"slug":8,"type":15},{"slug":6616,"name":6616,"fn":6617,"description":6618,"org":6762,"tags":6763,"stars":26,"repoUrl":27,"updatedAt":6627},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6764,6765,6766,6767],{"name":6594,"slug":6595,"type":15},{"name":17,"slug":18,"type":15},{"name":6624,"slug":6625,"type":15},{"name":9,"slug":8,"type":15},{"slug":6629,"name":6629,"fn":6630,"description":6631,"org":6769,"tags":6770,"stars":26,"repoUrl":27,"updatedAt":6647},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6771,6772,6773,6774,6775],{"name":6635,"slug":6636,"type":15},{"name":6638,"slug":6639,"type":15},{"name":6641,"slug":6642,"type":15},{"name":9,"slug":8,"type":15},{"name":6645,"slug":6646,"type":15},{"slug":6649,"name":6649,"fn":6650,"description":6651,"org":6777,"tags":6778,"stars":26,"repoUrl":27,"updatedAt":6660},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6779,6780,6781,6782],{"name":6594,"slug":6595,"type":15},{"name":17,"slug":18,"type":15},{"name":6657,"slug":6658,"type":15},{"name":9,"slug":8,"type":15},{"slug":6662,"name":6662,"fn":6663,"description":6664,"org":6784,"tags":6785,"stars":26,"repoUrl":27,"updatedAt":6674},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6786,6787,6788,6789],{"name":6668,"slug":6662,"type":15},{"name":6670,"slug":6671,"type":15},{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},{"slug":6676,"name":6676,"fn":6677,"description":6678,"org":6791,"tags":6792,"stars":26,"repoUrl":27,"updatedAt":6688},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6793,6794,6795,6796],{"name":17,"slug":18,"type":15},{"name":6683,"slug":6676,"type":15},{"name":6685,"slug":6686,"type":15},{"name":9,"slug":8,"type":15}]