𝖭𝗂𝗀𝗁𝗍π–ͺπ—Žπ—‡π–¦π—“
𝖭𝗂𝗀𝗁𝗍π–ͺπ—Žπ—‡π–¦π—“β€’16mo ago

using same query for entries app

How to use same query for many components? I don't want to request api for many times ;-; I can't passing by props because I have Header component that wrapper in Layout component and I want to use query in Header component too If i'm do this It's will need to run query 2 times
Solution:
Jump to solution
3 Replies
Solution
𝖭𝗂𝗀𝗁𝗍π–ͺπ—Žπ—‡π–¦π—“
𝖭𝗂𝗀𝗁𝗍π–ͺπ—Žπ—‡π–¦π—“β€’16mo ago
Nick
Nickβ€’16mo ago
React Query automatically caches queries so if you’re using our integration you just call the query in each component Watch the network tab and you’ll see just 1 request
𝖭𝗂𝗀𝗁𝗍π–ͺπ—Žπ—‡π–¦π—“
𝖭𝗂𝗀𝗁𝗍π–ͺπ—Žπ—‡π–¦π—“β€’16mo ago
ah i see tysm!
More Posts
How can I make a direct fetch on a router endpoint from TRPC in NextJS on client?In the documentation you can use the vanilla TRPC client like this: ``` const bilbo = await clientHow to get unwrapped errors out of proxy clientI'm using sveltekit and in order to redirect from SSR you need to throw an error: https://kit.sveltCan you get the queryClient without using a hook?Can you get the queryClient without using a hook?How can I reset the cursor when using useInfiniteQuery?I have various filters that I can set for the query, but when setting those filters I need to reset How does routing work in tRPC especially when using merged routers?I am having trouble understanding how tRPC lays out routes. Let's say I have the below ```typescripwhere is useQuery [key]?Learning trpc, i use to tanstack with queryKey, can not find how that works with trpc, if i want tuseInfinieQuery with initialData, Refetch only after second change of inputsHi everyone, I have the problem as stated in the title. My code looks like the following: ```ts Adding tRPC HOC breaks zustandIt seems that adding the trpc hoc breaks my zustand stores initial values and generates bad data. AfNext.js + tRPC, multitenancy, access Next.js Router when setting tRPC headersHey all! I'm writing a multi-tenant solution. Most Next.js pages lie under the `/pages/[tenantKey]/`getInfiniteData returns undefinedI am using the t3-stack. Whenever I am calling getInfiniteData it returns undefined. ``` console.lo