Why I can't see the prefetching data info on devtools

I prefetched on root layout using prefetchQuery which wrapper the children with hydrationBoundry but I'm not seeing on devtool that the prefetch is triggered

// layout.tsx
  const queryClient = new QueryClient()
  await queryClient.prefetchQuery({
    queryKey: ["id", planId],
    queryFn: () => getDocs(planId),
  })

<HydrationBoundary state={dehydrate(queryClient)}>
      {children}
    </HydrationBoundary>

// layout.tsx
  const queryClient = new QueryClient()
  await queryClient.prefetchQuery({
    queryKey: ["id", planId],
    queryFn: () => getDocs(planId),
  })

<HydrationBoundary state={dehydrate(queryClient)}>
      {children}
    </HydrationBoundary>

TanStack•2y ago•

1 reply

rubber-blue

Why I can't see the prefetching data info on devtools

I prefetched on root layout using prefetchQuery which wrapper the children with hydrationBoundry but I'm not seeing on devtool that the prefetch is triggered

// layout.tsx
  const queryClient = new QueryClient()
  await queryClient.prefetchQuery({
    queryKey: ["id", planId],
    queryFn: () => getDocs(planId),
  })

<HydrationBoundary state={dehydrate(queryClient)}>
      {children}
    </HydrationBoundary>

// layout.tsx
  const queryClient = new QueryClient()
  await queryClient.prefetchQuery({
    queryKey: ["id", planId],
    queryFn: () => getDocs(planId),
  })

<HydrationBoundary state={dehydrate(queryClient)}>
      {children}
    </HydrationBoundary>

Why I can't see the prefetching data info on devtools

Similar Threads

Why I can't see the prefetching data info on devtools

Similar Threads

Similar Threads

Similar Threads