Endre | Blackr4t
Endre | Blackr4t•2y ago

Error with NextJS Login App towards Zitadel 2.50.0

I am simply trying to login as a user and getting 
Unhandled Runtime Error

Error: Objects are not valid as a React child (found: object with keys {path, code, details}). If you meant to render a collection of children, use an array instead.
Unhandled Runtime Error

Error: Objects are not valid as a React child (found: object with keys {path, code, details}). If you meant to render a collection of children, use an array instead.
Call Stack
throwOnInvalidObjectType
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (8724:0)
reconcileChildFibersImpl
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (9731:0)
reconcileChildFibers
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (9752:0)
reconcileChildren
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (15336:0)
updateHostComponent$1
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (16298:0)
beginWork$1
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (18133:0)
callCallback
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (20207:0)
invokeGuardedCallbackImpl
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (20256:0)
invokeGuardedCallback
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (20331:0)
beginWork
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (26498:0)
performUnitOfWork
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (25327:0)
workLoopSync
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (25043:0)
renderRootSync
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (24998:0)
performConcurrentWorkOnRoot
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (24122:0)
workLoop
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/scheduler-experimental/cjs/scheduler.development.js (261:0)
flushWork
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/scheduler-experimental/cjs/scheduler.development.js (230:0)
performWorkUntilDeadline
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/scheduler-experimental/cjs/scheduler.development.js (537:0)
Call Stack
throwOnInvalidObjectType
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (8724:0)
reconcileChildFibersImpl
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (9731:0)
reconcileChildFibers
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (9752:0)
reconcileChildren
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (15336:0)
updateHostComponent$1
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (16298:0)
beginWork$1
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (18133:0)
callCallback
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (20207:0)
invokeGuardedCallbackImpl
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (20256:0)
invokeGuardedCallback
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (20331:0)
beginWork
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (26498:0)
performUnitOfWork
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (25327:0)
workLoopSync
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (25043:0)
renderRootSync
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (24998:0)
performConcurrentWorkOnRoot
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js (24122:0)
workLoop
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/scheduler-experimental/cjs/scheduler.development.js (261:0)
flushWork
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/scheduler-experimental/cjs/scheduler.development.js (230:0)
performWorkUntilDeadline
../../node_modules/.pnpm/next@13.4.12_@babel+core@7.22.1_react-dom@18.2.0_react@18.2.0_sass@1.62.0/node_modules/next/dist/compiled/scheduler-experimental/cjs/scheduler.development.js (537:0)
10 Replies
FFO
FFO•2y ago
Can you share a little how you built your code and how it looks like
Endre | Blackr4t
Endre | Blackr4tOP•2y ago
set -o allexport
source .env

pnpm install

# Run this due to I get a version error if not 
export COREPACK_ENABLE_STRICT=0
pnpm generate

pnpm dev
set -o allexport
source .env

pnpm install

# Run this due to I get a version error if not 
export COREPACK_ENABLE_STRICT=0
pnpm generate

pnpm dev
Do you mean how it looks in the browser or ? @FFO any idea ?
FFO
FFO•2y ago
I meant more like can you share the code/config in your next-auth, or whatever you are using.
Endre | Blackr4t
Endre | Blackr4tOP•2y ago
Oh, this is https://github.com/zitadel/typescript
GitHub
GitHub - zitadel/typescript: Typescript packages and application to...
Typescript packages and application to showcase the ZITADEL resource API - zitadel/typescript
Endre | Blackr4t
Endre | Blackr4tOP•2y ago
I am just setting the ZITADEL_* vars in my .env and then running the commands, then attempting to login Actually after being awake enough to really check devtools in my browser I see that 
{
    "details": {
        "path": "/zitadel.session.v2beta.SessionService/SetSession",
        "code": 3,
        "details": "Password is invalid (COMMAND-SAF3g)"
    }
}
{
    "details": {
        "path": "/zitadel.session.v2beta.SessionService/SetSession",
        "code": 3,
        "details": "Password is invalid (COMMAND-SAF3g)"
    }
}
but that's a misleading error though that you get a stacktrace for it
FFO
FFO•2y ago
oh yeah that is bad, there is a huge amount of work incoming on that repo 😄
Endre | Blackr4t
Endre | Blackr4tOP•2y ago
Oh 😮
Unknown User
Unknown User•12mo ago
Message Not Public
Sign In & Join Server To View
FFO
FFO•12mo ago
@peintnermax I guess you know this the best
Unknown User
Unknown User•12mo ago
Message Not Public
Sign In & Join Server To View

Did you find this page helpful?