spreen_co
spreen_co•4w ago

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

2025-04-02T14:22:10Z app[17814621c56328] fra [info] ⨯ TypeError: Cannot use 'in' operator to search for 'enabled' in undefined
2025-04-02T14:22:10Z app[17814621c56328] fra [info]    at IndexPage (src/app/app/[appId]/setup/page.tsx:86:24)
2025-04-02T14:22:10Z app[17814621c56328] fra [info]  84 |   const trpc = useTRPC();
2025-04-02T14:22:10Z app[17814621c56328] fra [info]  85 |   const { data } = useSubscription(
2025-04-02T14:22:10Z app[17814621c56328] fra [info]> 86 |     trpc.sseSetupEvents.subscriptionOptions({ appId })
2025-04-02T14:22:10Z app[17814621c56328] fra [info]     |                        ^
2025-04-02T14:22:10Z app[17814621c56328] fra [info]  87 |   );
2025-04-02T14:22:10Z app[17814621c56328] fra [info]  88 |
2025-04-02T14:22:10Z app[17814621c56328] fra [info] ⨯ TypeError: Cannot use 'in' operator to search for 'enabled' in undefined
2025-04-02T14:22:10Z app[17814621c56328] fra [info]    at IndexPage (src/app/app/[appId]/setup/page.tsx:86:24)
2025-04-02T14:22:10Z app[17814621c56328] fra [info]  84 |   const trpc = useTRPC();
2025-04-02T14:22:10Z app[17814621c56328] fra [info]  85 |   const { data } = useSubscription(
2025-04-02T14:22:10Z app[17814621c56328] fra [info]> 86 |     trpc.sseSetupEvents.subscriptionOptions({ appId })
2025-04-02T14:22:10Z app[17814621c56328] fra [info]     |                        ^
2025-04-02T14:22:10Z app[17814621c56328] fra [info]  87 |   );
2025-04-02T14:22:10Z app[17814621c56328] fra [info]  88 |
using import { useSubscription } from "@trpc/tanstack-react-query"; the word enabled does not occur anywhere in my code, the subscription looks like 
  sseSetupEvents: baseProcedure
    .input(z.object({ appId: z.string() }))
    .subscription(async function* ({ input, signal }) {
  sseSetupEvents: baseProcedure
    .input(z.object({ appId: z.string() }))
    .subscription(async function* ({ input, signal }) {
2 Replies
spreen_co
spreen_coOP•4w ago
client side I see Error: opts is not an Object. (evaluating ''enabled' in opts') which is virtually the same error 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;
now the million dollar question is why is that method called without opts it's a bug in trpc opened PR
spreen_co
spreen_coOP•4w ago
https://github.com/trpc/trpc/pull/6661
GitHub
Make opts optional in trpcSubscriptionOptions. by yspreen · Pull R...
Closes #6660 🎯 Changes Make opts optional in trpcSubscriptionOptions. ✅ Checklist I have followed the steps listed in the Contributing guide. If necessary, I have added documentation related to ...

Did you find this page helpful?