500 unhandled HTTP json response IN DEV MODE

I'm very new to Start, but it doesn't seem normal I'm getting this in my browser in dev mode (

vite dev

vite dev

vite dev

vite dev):

{"status":500,"unhandled":true,"message":"HTTPError"}

{"status":500,"unhandled":true,"message":"HTTPError"}

{"status":500,"unhandled":true,"message":"HTTPError"}

{"status":500,"unhandled":true,"message":"HTTPError"}

This happens on any runtime error, e.g. right now I'm causing this by adding this code into a component:

const person = undefined as { name: string };
console.log(person.name);

const person = undefined as { name: string };
console.log(person.name);

const person = undefined as { name: string };
console.log(person.name);

const person = undefined as { name: string };
console.log(person.name);

About the setup: I built it yesterday w/

pnpm create @tanstack/start@latest

pnpm create @tanstack/start@latest

pnpm create @tanstack/start@latest

pnpm create @tanstack/start@latest. Attached are screenshots of

package.json

package.json

package.json

package.json and

vite.config.ts

vite.config.ts

vite.config.ts

vite.config.ts