When I use a client component in root layout the server returns a 500 error

[elsueno]

What is the problem?

When I use a client component in root layout the server returns a 500 error but everything seems to be working properly.
So just the response status seems to be wrong.

Paste all your error logs here:

GET http://127.0.0.1:3000/ 500 (Internal Server Error)

Paste all relevant code snippets here:

See below

What are detailed steps to reproduce this?

Checkout repo that demonstrates the bug and start server

git clone https://github.com/elsueno/blitz-209-bug.git
cd blitz-209-bug
npm install
npx blitz@2.0.9 dev

Now open http://localhost:3000 in your browser - everything seems to be working properly but this error is logged in the browser console
GET http://127.0.0.1:3000/ 500 (Internal Server Error)

Run blitz -v and paste the output here:

Output of "npx blitz@2.0.9 -v"

Blitz version: 2.0.9 (local)
Linux 5.19 | linux-x64 | Node: v21.0.0


 Package manager: npm

  System:
    OS: Linux 5.19 Pop!_OS 22.04 LTS
    CPU: (16) x64 AMD Ryzen 7 PRO 4750U with Radeon Graphics
    Memory: 4.16 GB / 14.86 GB
    Shell: 5.8.1 - /usr/bin/zsh
  Binaries:
    Node: 21.0.0 - ~/.nvm/versions/node/v21.0.0/bin/node
    Yarn: 1.22.19 - ~/.nvs/node/18.10.0/x64/bin/yarn
    npm: 10.2.0 - ~/.nvm/versions/node/v21.0.0/bin/npm
  npmPackages:
    @blitzjs/auth: 2.0.9 => 2.0.9 
    @blitzjs/next: 2.0.9 => 2.0.9 
    @blitzjs/rpc: 2.0.9 => 2.0.9 
    @prisma/client: 5.4.2 => 5.4.2 
    blitz: 2.0.9 => 2.0.9 
    next: 14.1.4 => 14.1.4 
    prisma: 5.4.2 => 5.4.2 
    react: 18.2.0 => 18.2.0 
    react-dom: 18.2.0 => 18.2.0 
    typescript: ^4.8.4 => 4.9.5 

Please include below any other applicable logs and screenshots that show your problem:

No response

[ourmaninamsterdam]

@elsueno I installed your repo locally and it ran fine for me. Do the error logs in the terminal give any hints? I'm not sure what the default logging level Blitz sets, but perhaps overriding it in blitz-server.ts: BlitzLogger({ minLevel: 1 }) may yield more information.

[tordans]

I can confirm the error based on the demo app https://github.com/elsueno/blitz-209-bug

The error is only visible in the browser, not the terminal.

---

• Layout with <User> client component https://github.com/elsueno/blitz-209-bug/blob/main/src/app/layout.tsx
• User client component https://github.com/elsueno/blitz-209-bug/blob/main/src/app/components/User.tsx

[elsueno]

@elsueno I installed your repo locally and it ran fine for me. Do the error logs in the terminal give any hints? I'm not sure what the default logging level Blitz sets, but perhaps overriding it in blitz-server.ts: BlitzLogger({ minLevel: 1 }) may yield more information.

The error is logged in the browser console. I've updated the ticket to make this more clear.