spreen_co Comments

node_modules/.pnpm/@trpc+tanstack-react-query@11.0.1_@tanstack+react-query@5.71.0_react@19.1.0__@trpc+clie_acde9ae0fea49fdc035d62a8c18c34ef/node_modules/@trpc/tanstack-react-query/dist/internals/subscriptionOptions.mjs (10:34)

is reported in the stack, which does contain

/**
 * @internal
 */ const trpcSubscriptionOptions = (args)=>{
    const { subscribe, path, queryKey, opts } = args;
    const input = queryKey[1]?.input;
    const enabled = 'enabled' in opts ? !!opts.enabled : input !== skipToken;

/**
 * @internal
 */ const trpcSubscriptionOptions = (args)=>{
    const { subscribe, path, queryKey, opts } = args;
    const input = queryKey[1]?.input;
    const enabled = 'enabled' in opts ? !!opts.enabled : input !== skipToken;

7 replies

TtRPC

•Created by spreen_co on 4/2/2025 in #❓-help

subscription: Cannot use 'in' operator to search for 'enabled' in undefined

client side I see Error: opts is not an Object. (evaluating ''enabled' in opts') which is virtually the same error

7 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

this is all pretty frustrating

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

plus I can't just replace my trpc provider with a tanstack provider

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

that might be the best of all worlds, but it is very much still experimental...

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

it appears there's a new tanstack react-query-next-experimental package which turns every query into a server-side prefetched query (with await) while allowing you to opt out of waiting for a query to load by adding a suspense boundary between those components

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

maybe if my app was written with app router from scratch I might be able to leverage the full server-side approach properly, but I feel like even then there would be plenty of gotchas between having to use different ways to call trpc from the server vs from the client

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

I think I still prefer the awaited prefetch as it gives me the data as fast as a server side render would, while not requiring to switch my use queries for the server-side trpc

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

because the html gets rendered as fast as possible while this component requires additional data that gets sent by the server to the client as soon as its available

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

and the undefined value is on purpose?

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

the more I read up on this, it appears the await disables streaming of the server side data. so with the void, the data might get streamed in?

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

would love to get somoeone who knows the ins and outs of trpc and tanstack to take a look and tell me if I'm wrong & missing something or if the docs need updating

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

trpc docs: (does not work)

  const queryClient = getQueryClient();
  void queryClient.prefetchQuery(trpc.totalEvents.queryOptions());

  const queryClient = getQueryClient();
  void queryClient.prefetchQuery(trpc.totalEvents.queryOptions());

tanstack docs: (works)

  const queryClient = getQueryClient();
  await queryClient.prefetchQuery(trpc.totalEvents.queryOptions());

  const queryClient = getQueryClient();
  await queryClient.prefetchQuery(trpc.totalEvents.queryOptions());

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

if I replace void with await it works properly

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

they do a void on the prefetch instead of await

50 replies

TtRPC

•Created by spreen_co on 4/1/2025 in #❓-help

Migrating pages router to app router

Okay, after reading https://tanstack.com/query/latest/docs/framework/react/guides/advanced-ssr#prefetching-and-dehydrating-data I'm now 100% convinced that the trpc docs get it wrong

50 replies