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•14mo ago
Message Not Public
Sign In & Join Server To View
FFO
FFO•14mo ago
@peintnermax I guess you know this the best
peintnermax
peintnermax•13mo ago
@taterlaunch have you been able to run the login and did you run into the same password invalid error or which exact error are you having?

Did you find this page helpful?