\r\n \u003CStack.Screen name=\"Results\" component={ResultsComponent}/>\r\n \u003C/Stack.Navigator>\r\n \u003C/NavigationContainer>\r\n \u003C/ThemeProvider>\r\n \u003C/TRPCProvider>\r\n \u003C/AuthenticationProvider>\r\n );\r\n}\r\n```\r\nmy component\r\n\r\n```\r\nimport { trpc } from \"../../utils/trpc-client\";\r\n\r\nexport function ResultsComponent({navigation, route}) {\r\n\r\n const {data} = trpc.moviesRecommendation.useQuery(\r\n {\r\n runtimeMinsMin: 100\r\n }\r\n )\r\n```\r\ntrpc-client.ts\r\n\r\n```\r\nimport { AppRouter } from \"../server/trpc\";\r\nimport { createTRPCReact, httpLink } from \"@trpc/react-query\";\r\n\r\nexport const trpc = createTRPCReact\u003CAppRouter>()\r\n\r\nexport const trpcClient = trpc.createClient({\r\n links: [httpLink({url: 'http://localhost:3000/api/trpc'})],\r\n})\r\n```\r\nand trpc-provider.ts\r\n\r\n```\r\nexport function TRPCProvider({children}: PropsWithChildren) {\r\n const [queryClient] = useState(() => new QueryClient())\r\n\r\n return (\r\n \u003Ctrpc.Provider client={trpcClient} queryClient={queryClient}>\r\n \u003CQueryClientProvider client={queryClient} contextSharing={true}>\r\n {children}\r\n \u003C/QueryClientProvider>\r\n \u003C/trpc.Provider>\r\n )\r\n}\r\n```\r\nSo is the web error while using useQuery:\r\n```\r\n\r\nUncaught Error: No QueryClient set, use QueryClientProvider to set one\r\n at Object.useQueryClient (QueryClientProvider.tsx:48:1)\r\n at Object.useBaseQuery (useBaseQuery.ts:33:1)\r\n at useQuery (useQuery.ts:139:1)\r\n at Object.useQuery$1 [as useQuery] (createHooksInternal-808efaa7.mjs:277:1)\r\n at createHooksInternal-808efaa7.mjs:52:1\r\n at Object.apply (index-972002da.mjs:18:1)\r\n at ResultsComponent (results-component.tsx:11:1)\r\n at renderWithHooks (react-dom.development.js:16175:1)\r\n at mountIndeterminateComponent (react-dom.development.js:20913:1)\r\n at beginWork (react-dom.development.js:22416:1)\r\n```\r\n\r\n\r\n\r\n",[3105],{"name":3063,"color":3064},3316,"bug: Expo + trpc: Uncaught Error: No QueryClient set, use QueryClientProvider to set one","2022-12-20T12:02:19Z","https://github.com/trpc/trpc/issues/3316",0.65217197,{"description":3112,"labels":3113,"number":3114,"owner":3032,"repository":3032,"state":3051,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Provide environment information\n\nSystem:\r\n OS: macOS 12.5\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 75.72 MB / 32.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 18.10.0 - ~/.nvm/versions/node/v18.10.0/bin/node\r\n Yarn: 1.22.19 - ~/.nvm/versions/node/v18.10.0/bin/yarn\r\n npm: 8.19.2 - ~/.nvm/versions/node/v18.10.0/bin/npm\r\n Browsers:\r\n Chrome: 106.0.5249.119\r\n Firefox: 106.0.1\r\n Safari: 15.6\r\n npmPackages:\r\n typescript: ^4.8.4 => 4.8.4 \n\n### Describe the bug\n\n```\r\n[{\r\n\t\"resource\": \"/Users/zeno/Work/cryptopus/client/src/query/trpc.ts\",\r\n\t\"owner\": \"typescript\",\r\n\t\"code\": \"2344\",\r\n\t\"severity\": 8,\r\n\t\"message\": \"Type 'Router\u003C{ _config: RootConfig\u003C{ ctx: {}; meta: {}; errorShape: DefaultErrorShape; transformer: DefaultDataTransformer; }>; router: true; ... 5 more ...; isDev: boolean; }> & { ...; } & { ...; }' does not satisfy the constraint 'Router\u003CAnyRouterDef\u003CAnyRootConfig, any>>'.\\n The types returned by 'createCaller(...)' are incompatible between these types.\\n Type '{ query: inferHandlerFn\u003C{}>; mutation: inferHandlerFn\u003C{}>; subscription: inferHandlerFn\u003C{}>; } & DecoratedProcedureRecord\u003C{ getPairs: BuildProcedure\u003C\\\"query\\\", { _config: RootConfig\u003C...>; ... 5 more ...; _output_out: unique symbol; }, (\\\"BTCUSDT\\\" | ... 15 more ... | \\\"KDAUSDT\\\")[]>; getKlines: BuildProcedure\u003C...>; } & { ...' is not assignable to type '{ query: inferHandlerFn\u003Cany>; mutation: inferHandlerFn\u003Cany>; subscription: inferHandlerFn\u003Cany>; } & DecoratedProcedureRecord\u003Cany>'.\\n Type '{ query: inferHandlerFn\u003C{}>; mutation: inferHandlerFn\u003C{}>; subscription: inferHandlerFn\u003C{}>; } & DecoratedProcedureRecord\u003C{ getPairs: BuildProcedure\u003C\\\"query\\\", { _config: RootConfig\u003C...>; ... 5 more ...; _output_out: unique symbol; }, (\\\"BTCUSDT\\\" | ... 15 more ... | \\\"KDAUSDT\\\")[]>; getKlines: BuildProcedure\u003C...>; } & { ...' is not assignable to type '{ query: inferHandlerFn\u003Cany>; mutation: inferHandlerFn\u003Cany>; subscription: inferHandlerFn\u003Cany>; }'.\\n Types of property 'query' are incompatible.\\n Type 'inferHandlerFn\u003C{}>' is not assignable to type 'inferHandlerFn\u003Cany>'.\\n Types of parameters 'path' and 'path' are incompatible.\\n Type 'TPath' is not assignable to type 'never'.\\n Type 'string' is not assignable to type 'never'.\",\r\n\t\"source\": \"ts\",\r\n\t\"startLineNumber\": 6,\r\n\t\"startColumn\": 37,\r\n\t\"endLineNumber\": 6,\r\n\t\"endColumn\": 46\r\n}]\r\n```\r\n\u003Cimg width=\"538\" alt=\"image\" src=\"https://user-images.githubusercontent.com/112834462/198575775-cc733604-cf06-48d6-a459-a5f9af04b5eb.png\">\r\n\r\nclient trpc\r\n```\r\nimport type { AppRouter } from '@server/trpc';\r\nimport { createTRPCReact } from '@trpc/react-query';\r\nimport { Context } from '@server/context';\r\n\r\nexport const trpc = createTRPCReact\u003CAppRouter>({\r\n \r\n});\r\n```\r\n\r\n\r\n\r\nserver trpc:\r\n\r\n```\r\nimport { initTRPC } from '@trpc/server';\r\nimport { indicatorRouter } from './routers/indicator.router';\r\nimport { klineRouter } from './routers/kline.router';\r\n\r\n//const t = initTRPC.create();\r\n//export const t = initTRPC.context\u003CContext>().create();\r\nexport const t = initTRPC.create();\r\n\r\n\r\nexport const middleware = t.middleware;\r\nexport const router = t.router;\r\nexport const publicProcedure = t.procedure;\r\n\r\n\r\nexport const appRouter = t.mergeRouters(klineRouter, indicatorRouter)\r\n// only export *type signature* of router!\r\n// to avoid accidentally importing your API\r\n// into client-side code\r\nexport type AppRouter = typeof appRouter;\r\n\r\n```\r\n\r\nversions:\r\n\r\n \"@trpc/client\": \"10.0.0-proxy-beta.26\",\r\n \"@trpc/react-query\": \"10.0.0-proxy-beta.26\",\r\n \"@trpc/server\": \"10.0.0-proxy-beta.26\",\r\n \r\nnode: 18.10.0\r\ntypescript: 4.8.4\r\n\r\n\n\n### Link to reproduction\n\ndont have one\n\n### To reproduce\n\nabove\n\n### Additional information\n\n_No response_\n\n### 👨👧👦 Contributing\n\n- [ ] 🙋♂️ Yes, I'd be down to file a PR fixing this bug!",[],3089,"bug: cant use with react ","2022-11-16T06:02:00Z","https://github.com/trpc/trpc/issues/3089",0.65259683,{"description":3120,"labels":3121,"number":3122,"owner":3032,"repository":3032,"state":3051,"title":3123,"updated_at":3124,"url":3125,"score":3126},"### Provide environment information\n\n```\r\n System:\r\n OS: macOS 13.2.1\r\n CPU: (6) x64 Intel(R) Core(TM) i5-9400T CPU @ 1.80GHz\r\n Memory: 96.92 MB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 16.19.1 - ~/.nvm/versions/node/v16.19.1/bin/node\r\n Yarn: 1.22.19 - ~/.nvm/versions/node/v16.19.1/bin/yarn\r\n npm: 8.19.3 - ~/.nvm/versions/node/v16.19.1/bin/npm\r\n Browsers:\r\n Brave Browser: 110.1.48.158\r\n Chrome: 110.0.5481.100\r\n Safari: 16.3\r\n npmPackages:\r\n @tanstack/react-query: ^4.24.9 => 4.24.9 \r\n @trpc/client: ^10.12.0 => 10.12.0 \r\n @trpc/next: ^10.12.0 => 10.12.0 \r\n @trpc/react-query: ^10.12.0 => 10.12.0 \r\n @trpc/server: ^10.12.0 => 10.12.0 \r\n next: latest => 13.1.6 \r\n react: ^18.1.0 => 18.2.0 \r\n typescript: 4.6.4 => 4.6.4 \r\n```\n\n### Describe the bug\n\nI am trying to build my application, but when i ran `yarn build` locally or on vercel i have this error:\r\n\r\n```\r\ninfo - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules\r\ninfo - Linting and checking validity of types .Failed to compile.\r\n\r\n./node_modules/@trpc/next/dist/createTRPCNext.d.ts:10:41\r\nType error: '>' expected.\r\n\r\n 8 | export interface CreateTRPCNextBase\u003CTRouter extends AnyRouter, TSSRContext extends NextPageContext> {\r\n 9 | useContext(): CreateReactUtilsProxy\u003CTRouter, TSSRContext>;\r\n> 10 | withTRPC: ReturnType\u003Ctypeof withTRPC\u003CTRouter, TSSRContext>>;\r\n | ^\r\n 11 | useQueries: TRPCUseQueries\u003CTRouter>;\r\n 12 | }\r\n 13 | /**\r\nerror Command failed with exit code 1.\r\ninfo Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.\r\n```\r\n\r\n\r\n\n\n### Link to reproduction\n\nhttps://stackblitz.com/github/trpc/examples-next-minimal-starter\n\n### To reproduce\n\nI am just running my app...\n\n### Additional information\n\n_No response_\n\n### 👨👧👦 Contributing\n\n- [ ] 🙋♂️ Yes, I'd be down to file a PR fixing this bug!",[],3832,"bug: Can't build my Next application because of a type error in the '@trpc/next' package","2023-03-13T00:05:36Z","https://github.com/trpc/trpc/issues/3832",0.6538574,["Reactive",3128],{},["Set"],["ShallowReactive",3131],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fymWFI6AR61PG5_Td3zpIXAmVprqLqNmIqlL65hjAoAQ":-1},"/trpc/trpc/2718"]