wleistra Comments

wleistra

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

then console.logging the full createClient call as trpc.createClient({links}) returns

Proxy(Function) {length: 0, name: 'noop'}
[[Handler]]
: 
Object
[[Target]]
: 
()=>{ // noop }
[[IsRevoked]]
: 
false

Proxy(Function) {length: 0, name: 'noop'}
[[Handler]]
: 
Object
[[Target]]
: 
()=>{ // noop }
[[IsRevoked]]
: 
false

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

the console.loggin trpc.createClient returns

ƒ createTRPCClient(opts) {
    const client = new _internals_TRPCUntypedClient_mjs__WEBPACK_IMPORTED_MODULE_1__.TRPCUntypedClient(opts);
    const proxy = createTRPCClientProxy(client);
    return prox…

ƒ createTRPCClient(opts) {
    const client = new _internals_TRPCUntypedClient_mjs__WEBPACK_IMPORTED_MODULE_1__.TRPCUntypedClient(opts);
    const proxy = createTRPCClientProxy(client);
    return prox…

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

the exact version the error occurred first was 11.0.0-rc.677, the rc.666 version still worked

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

i found one difference but it has a caret so it shouldn't matter and it is on the API side

"trpc-to-openapi@npm:^2.1.2":
  version: 2.1.2
  resolution: "trpc-to-openapi@npm:2.1.2"
  dependencies:
    "@rollup/rollup-linux-x64-gnu": "npm:4.6.1"
    co-body: "npm:^6.1.0"
    h3: "npm:^1.6.4"
    openapi3-ts: "npm:4.4.0"
  peerDependencies:
    "@trpc/server": ^11.0.0-rc.648
    zod: ^3.23.8
    zod-openapi: ^4.1.0
  dependenciesMeta:
    "@rollup/rollup-linux-x64-gnu":
      optional: true
  checksum: 10/9800ea28d7dfd8283a29a9ad4341509a30a124c97901563d7f93dae0d98b50d539506629700ca0efc6fa5297e3c455dd6b57a8146e7dca478503880ccd8d5fc6
  languageName: node
  linkType: hard

"trpc-to-openapi@npm:^2.1.2":
  version: 2.1.2
  resolution: "trpc-to-openapi@npm:2.1.2"
  dependencies:
    "@rollup/rollup-linux-x64-gnu": "npm:4.6.1"
    co-body: "npm:^6.1.0"
    h3: "npm:^1.6.4"
    openapi3-ts: "npm:4.4.0"
  peerDependencies:
    "@trpc/server": ^11.0.0-rc.648
    zod: ^3.23.8
    zod-openapi: ^4.1.0
  dependenciesMeta:
    "@rollup/rollup-linux-x64-gnu":
      optional: true
  checksum: 10/9800ea28d7dfd8283a29a9ad4341509a30a124c97901563d7f93dae0d98b50d539506629700ca0efc6fa5297e3c455dd6b57a8146e7dca478503880ccd8d5fc6
  languageName: node
  linkType: hard

could this be the culprit?

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

Also my yarn.lock file has no other resolutions or references to any other versions

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

i checked my monorepo. We use Yarn v4 btw, and there is only 1 node_modules folder in the whole repo and i did a search on "@trpc/react-query", "@trpc/client", and "@trpc/server". and all three have the same value 11.0.0-alpha-tmp-issues-6374.697

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

Cannot read properties of undefined (reading '__internal_untypedClient')
TypeError: Cannot read properties of undefined (reading '__internal_untypedClient')
    at getUntypedClient (https://localhost:2013/freskanet-coupons.dev.js:26954:15)
    at TRPCProvider (https://localhost:2013/freskanet-coupons.dev.js:29553:187)
    at renderWithHooks (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:15496:20)
    at mountIndeterminateComponent (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:20113:15)
    at beginWork (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:21636:18)
    at HTMLUnknownElement.callCallback (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:4151:16)
    at HTMLUnknownElement.sentryWrapped (https://localhost:9000/freskanet-root-config.dev.js:66096:17)
    at _ZoneDelegate.invokeTask (https://localhost:9000/freskanet-root-config.dev.js:46245:33)
    at ZoneImpl.runTask (https://localhost:9000/freskanet-root-config.dev.js:46002:47)
    at ZoneTask.invokeTask [as invoke] (https://localhost:9000/freskanet-root-config.dev.js:46326:34)
    at invokeTask (https://localhost:9000/freskanet-root-config.dev.js:46981:18)
    at globalCallback (https://localhost:9000/freskanet-root-config.dev.js:47012:29)
    at HTMLUnknownElement.globalZoneAwareCallback (https://localhost:9000/freskanet-root-config.dev.js:47045:16)
    at Object.invokeGuardedCallbackDev (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:4200:18)
    ...

Cannot read properties of undefined (reading '__internal_untypedClient')
TypeError: Cannot read properties of undefined (reading '__internal_untypedClient')
    at getUntypedClient (https://localhost:2013/freskanet-coupons.dev.js:26954:15)
    at TRPCProvider (https://localhost:2013/freskanet-coupons.dev.js:29553:187)
    at renderWithHooks (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:15496:20)
    at mountIndeterminateComponent (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:20113:15)
    at beginWork (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:21636:18)
    at HTMLUnknownElement.callCallback (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:4151:16)
    at HTMLUnknownElement.sentryWrapped (https://localhost:9000/freskanet-root-config.dev.js:66096:17)
    at _ZoneDelegate.invokeTask (https://localhost:9000/freskanet-root-config.dev.js:46245:33)
    at ZoneImpl.runTask (https://localhost:9000/freskanet-root-config.dev.js:46002:47)
    at ZoneTask.invokeTask [as invoke] (https://localhost:9000/freskanet-root-config.dev.js:46326:34)
    at invokeTask (https://localhost:9000/freskanet-root-config.dev.js:46981:18)
    at globalCallback (https://localhost:9000/freskanet-root-config.dev.js:47012:29)
    at HTMLUnknownElement.globalZoneAwareCallback (https://localhost:9000/freskanet-root-config.dev.js:47045:16)
    at Object.invokeGuardedCallbackDev (https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.development.js:4200:18)
    ...

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

will do

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

It truly seems that i don't get a client defined... maybe my screen recording will help you with some more info

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

Unfortunately it still doesn't work on that version, but the error message has changed to

zone.js:1188 Uncaught TypeError: Cannot read properties of undefined (reading 'Symbol(TRPCClient)')
    at getUntypedClient (createTRPCClient.mjs:42:1)
    at TRPCProvider (createHooksInternal.mjs:30:1)
    at renderWithHooks (react-dom.development.js:15496:20)
    at mountIndeterminateComponent (react-dom.development.js:20113:15)
    at beginWork (react-dom.development.js:21636:18)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4151:16)
    at HTMLUnknownElement.sentryWrapped (helpers.js:93:1)
    at _ZoneDelegate.invokeTask (zone.js:402:1)
    at ZoneImpl.runTask (zone.js:159:1)
    at ZoneTask.invokeTask [as invoke] (zone.js:483:1)
    at invokeTask (zone.js:1138:1)
    at globalCallback (zone.js:1169:1)
    at HTMLUnknownElement.globalZoneAwareCallback (zone.js:1202:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4200:18)
    at invokeGuardedCallback (react-dom.development.js:4264:33)
    at beginWork$1 (react-dom.development.js:27500:9)
    at performUnitOfWork (react-dom.development.js:26609:14)
    at workLoopSync (react-dom.development.js:26515:7)
    at renderRootSync (react-dom.development.js:26483:9)
    at performConcurrentWorkOnRoot (react-dom.development.js:25787:76)
    at workLoop (react.development.js:2653:36)
    at flushWork (react.development.js:2626:16)
    at MessagePort.performWorkUntilDeadline (react.development.js:2920:23)

zone.js:1188 Uncaught TypeError: Cannot read properties of undefined (reading 'Symbol(TRPCClient)')
    at getUntypedClient (createTRPCClient.mjs:42:1)
    at TRPCProvider (createHooksInternal.mjs:30:1)
    at renderWithHooks (react-dom.development.js:15496:20)
    at mountIndeterminateComponent (react-dom.development.js:20113:15)
    at beginWork (react-dom.development.js:21636:18)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4151:16)
    at HTMLUnknownElement.sentryWrapped (helpers.js:93:1)
    at _ZoneDelegate.invokeTask (zone.js:402:1)
    at ZoneImpl.runTask (zone.js:159:1)
    at ZoneTask.invokeTask [as invoke] (zone.js:483:1)
    at invokeTask (zone.js:1138:1)
    at globalCallback (zone.js:1169:1)
    at HTMLUnknownElement.globalZoneAwareCallback (zone.js:1202:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4200:18)
    at invokeGuardedCallback (react-dom.development.js:4264:33)
    at beginWork$1 (react-dom.development.js:27500:9)
    at performUnitOfWork (react-dom.development.js:26609:14)
    at workLoopSync (react-dom.development.js:26515:7)
    at renderRootSync (react-dom.development.js:26483:9)
    at performConcurrentWorkOnRoot (react-dom.development.js:25787:76)
    at workLoop (react.development.js:2653:36)
    at flushWork (react.development.js:2626:16)
    at MessagePort.performWorkUntilDeadline (react.development.js:2920:23)

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

Will try it tomorrow first thing in the morning

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

It could be undefined because it throws an uncaught exception and the error boundary is higher up so it unmounts it, causing it to be undefined... I guess I just have no idea how to check what is interesting for you.

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

it is currently my understanding that when watching the trpc exported from trpc.ts file it seems be undefined... But i do agree it is suspicious because you need to call the trpc.createClient() and it doesn't yell there =/

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

full stack trace as presented on console

zone.js:1188 Uncaught TypeError: Cannot read properties of undefined (reading '__untypedClient')
    at getUntypedClient (createTRPCClient.mjs:42:1)
    at TRPCProvider (createHooksInternal.mjs:30:1)
    at renderWithHooks (react-dom.development.js:15496:20)
    at mountIndeterminateComponent (react-dom.development.js:20113:15)
    at beginWork (react-dom.development.js:21636:18)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4151:16)
    at HTMLUnknownElement.sentryWrapped (helpers.js:93:1)
    at _ZoneDelegate.invokeTask (zone.js:402:1)
    at ZoneImpl.runTask (zone.js:159:1)
    at ZoneTask.invokeTask [as invoke] (zone.js:483:1)
    at invokeTask (zone.js:1138:1)
    at globalCallback (zone.js:1169:1)
    at HTMLUnknownElement.globalZoneAwareCallback (zone.js:1202:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4200:18)
    at invokeGuardedCallback (react-dom.development.js:4264:33)
    at beginWork$1 (react-dom.development.js:27500:9)
    at performUnitOfWork (react-dom.development.js:26609:14)
    at workLoopSync (react-dom.development.js:26515:7)
    at renderRootSync (react-dom.development.js:26483:9)
    at recoverFromConcurrentError (react-dom.development.js:25899:22)
    at performConcurrentWorkOnRoot (react-dom.development.js:25799:24)
    at workLoop (react.development.js:2653:36)
    at flushWork (react.development.js:2626:16)
    at MessagePort.performWorkUntilDeadline (react.development.js:2920:23)

zone.js:1188 Uncaught TypeError: Cannot read properties of undefined (reading '__untypedClient')
    at getUntypedClient (createTRPCClient.mjs:42:1)
    at TRPCProvider (createHooksInternal.mjs:30:1)
    at renderWithHooks (react-dom.development.js:15496:20)
    at mountIndeterminateComponent (react-dom.development.js:20113:15)
    at beginWork (react-dom.development.js:21636:18)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4151:16)
    at HTMLUnknownElement.sentryWrapped (helpers.js:93:1)
    at _ZoneDelegate.invokeTask (zone.js:402:1)
    at ZoneImpl.runTask (zone.js:159:1)
    at ZoneTask.invokeTask [as invoke] (zone.js:483:1)
    at invokeTask (zone.js:1138:1)
    at globalCallback (zone.js:1169:1)
    at HTMLUnknownElement.globalZoneAwareCallback (zone.js:1202:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4200:18)
    at invokeGuardedCallback (react-dom.development.js:4264:33)
    at beginWork$1 (react-dom.development.js:27500:9)
    at performUnitOfWork (react-dom.development.js:26609:14)
    at workLoopSync (react-dom.development.js:26515:7)
    at renderRootSync (react-dom.development.js:26483:9)
    at recoverFromConcurrentError (react-dom.development.js:25899:22)
    at performConcurrentWorkOnRoot (react-dom.development.js:25799:24)
    at workLoop (react.development.js:2653:36)
    at flushWork (react.development.js:2626:16)
    at MessagePort.performWorkUntilDeadline (react.development.js:2920:23)

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

I guess my debug skills are not great, but for all i can see the createTRPCReact inner workings seem all broken when watching variables most of it is undefined. But then again, this is my first time trying to debug this deep 🙂

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

we use React 18.3.1 and typescript 5.7.3, build with webpack

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

When trying to debug into the createTRPCReact function the hooks seem to be created (at least nothing suspicious there AFAIK) but proxx is resolved to

Proxy(Function) {length: 0, name: 'noop'}
[[Handler]] =
Object
[[IsRevoked]] =
false
[[Target]] =
()=>{\n// noop\n}

Proxy(Function) {length: 0, name: 'noop'}
[[Handler]] =
Object
[[IsRevoked]] =
false
[[Target]] =
()=>{\n// noop\n}

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

After some digging i found out that trpc is initialized as undefined

import type { AppRouter } from '@/coupons-api';
import { createTRPCReact } from '@trpc/react-query';
import type { inferRouterOutputs } from '@trpc/server';

export type RouterOutputs = inferRouterOutputs<AppRouter>;

export const trpc = createTRPCReact<AppRouter>();

import type { AppRouter } from '@/coupons-api';
import { createTRPCReact } from '@trpc/react-query';
import type { inferRouterOutputs } from '@trpc/server';

export type RouterOutputs = inferRouterOutputs<AppRouter>;

export const trpc = createTRPCReact<AppRouter>();

results in Uncaught ReferenceError: trpc is not defined

56 replies

TtRPC

•Created by wleistra on 1/8/2025 in #❓-help

Cannot read __untypedClient from undefined error when try to update to latest 11.rc### versions

Ok so removed all the carets and installed latest version rc.700 and checked the yarn lock file which shows a single version to be used throughout the whole workspace

"@trpc/client@npm:11.0.0-rc.700":
  version: 11.0.0-rc.700
  resolution: "@trpc/client@npm:11.0.0-rc.700"
  peerDependencies:
    "@trpc/server": 11.0.0-rc.700+e5c0c1a82
    typescript: ">=5.7.2"
  checksum: 10/cceab4f3cf8156d16b2a2c3c087408095aed7788d08962eb8fba357e4ad7fc68b9fb85a0a0d141412528ae57cf0556a566758bbdcbd8fe46e021d2c0e74238e2
  languageName: node
  linkType: hard

"@trpc/react-query@npm:11.0.0-rc.700":
  version: 11.0.0-rc.700
  resolution: "@trpc/react-query@npm:11.0.0-rc.700"
  peerDependencies:
    "@tanstack/react-query": ^5.62.8
    "@trpc/client": 11.0.0-rc.700+e5c0c1a82
    "@trpc/server": 11.0.0-rc.700+e5c0c1a82
    react: ">=18.2.0"
    react-dom: ">=18.2.0"
    typescript: ">=5.7.2"
  checksum: 10/4a9837c3556c3e3a4bdaf5d08b67b970ae368cb18f006d9ea10fc813d44e306fdec70a68bbc8abadd36f908655ffbcf3dbfb771d7b2a8522a23db3d0a64817e1
  languageName: node
  linkType: hard

"@trpc/server@npm:11.0.0-rc.700":
  version: 11.0.0-rc.700
  resolution: "@trpc/server@npm:11.0.0-rc.700"
  peerDependencies:
    typescript: ">=5.7.2"
  checksum: 10/0143db500ce5a3ec73b5572fd0889d9b0cd32e32ceb50a772ce4aa17864e4178c4bf7c8e14ff59baf5670de2ef1bfd30e49a0b1e0e9293223c7787607d853b16
  languageName: node
  linkType: hard

"@trpc/client@npm:11.0.0-rc.700":
  version: 11.0.0-rc.700
  resolution: "@trpc/client@npm:11.0.0-rc.700"
  peerDependencies:
    "@trpc/server": 11.0.0-rc.700+e5c0c1a82
    typescript: ">=5.7.2"
  checksum: 10/cceab4f3cf8156d16b2a2c3c087408095aed7788d08962eb8fba357e4ad7fc68b9fb85a0a0d141412528ae57cf0556a566758bbdcbd8fe46e021d2c0e74238e2
  languageName: node
  linkType: hard

"@trpc/react-query@npm:11.0.0-rc.700":
  version: 11.0.0-rc.700
  resolution: "@trpc/react-query@npm:11.0.0-rc.700"
  peerDependencies:
    "@tanstack/react-query": ^5.62.8
    "@trpc/client": 11.0.0-rc.700+e5c0c1a82
    "@trpc/server": 11.0.0-rc.700+e5c0c1a82
    react: ">=18.2.0"
    react-dom: ">=18.2.0"
    typescript: ">=5.7.2"
  checksum: 10/4a9837c3556c3e3a4bdaf5d08b67b970ae368cb18f006d9ea10fc813d44e306fdec70a68bbc8abadd36f908655ffbcf3dbfb771d7b2a8522a23db3d0a64817e1
  languageName: node
  linkType: hard

"@trpc/server@npm:11.0.0-rc.700":
  version: 11.0.0-rc.700
  resolution: "@trpc/server@npm:11.0.0-rc.700"
  peerDependencies:
    typescript: ">=5.7.2"
  checksum: 10/0143db500ce5a3ec73b5572fd0889d9b0cd32e32ceb50a772ce4aa17864e4178c4bf7c8e14ff59baf5670de2ef1bfd30e49a0b1e0e9293223c7787607d853b16
  languageName: node
  linkType: hard

56 replies