Internal error: TypeError: Cannot read properties of undefined (reading 'routes')

[bognar-dev]

Link to reproduction

No response

Payload Version

3.0.0-beta.78

Node Version

20 or higher

Next.js Version

next 15.0.0-canary.87

Describe the Bug

when i try going to the login or /admin page i get a client side error

 ⨯ ..\src\views\Login\LoginForm\index.tsx (29:15) @ LoginForm
 ⨯ Internal error: TypeError: Cannot read properties of undefined (reading 'routes')
    at LoginForm (./node_modules/.pnpm/@payloadcms+next@3.0.0-beta.78_graphql@16.9.0_monaco-editor@0.50.0_next@15.0.0-canary.87_payl_5l3ymx6rfhdp4mh5b3a7xl4s5q/node_modules/@payloadcms/next/dist/views/Login/LoginForm/index.js:22:30)
    at o7 (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:10851)
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:21085
    at as (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:21813)
    at as (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:51912)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55216)
    at ad (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:60123)
    at ac (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:59204)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55535)
    at ad (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:60123)
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:47728
    at as (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:48214)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55216)
    at ad (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:60123)
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:47728
    at as (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:48214)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55216)
    at ad (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:60123)
    at ac (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:59204)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55535)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55507)
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:64902
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:65631
    at aS (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:65639)
    at Timeout._onTimeout (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:6919)
    at listOnTimeout (node:internal/timers:573:17)
    at process.processTimers (node:internal/timers:514:7)
digest: "2452682953"
  27 |   const {
  28 |     admin: {
> 29 |       routes: { forgot: forgotRoute },
     |               ^
  30 |       user: userSlug,
  31 |     },
  32 |     routes: { admin: adminRoute, api: apiRoute },
  

I used the payload-cms-vercel-deploy template and on initial deploy everything was fine but when i tried running it locally and adding a few new collections it started with this error when accessing the /admin route

Could it be an issue with not using the payload migrate command properly?

Is there any fix to this or is a known issue?

Reproduction Steps

git clone https://github.com/payloadcms/vercel-deploy-payload-postgres

deploy it on vercel

add a new collection Product

import type { CollectionConfig } from 'payload'

export const Product: CollectionConfig = {
  slug: 'product',
  
  auth: true,
  fields: [
    {
      name: 'name',
      type: 'text',
      required: true,
    },
    {
      name: 'description',
      type: 'text',
      required: true,
    },
    {
      name: 'price',
      type: 'number',
      required: true,
    },
    {
      name: 'image',
      type: 'upload',
      required: true,
      relationTo: 'media',
    },

  ],
}

run it locally or push it to vercel

get error:

 GET / 200 in 4398ms
 ✓ Compiled in 408ms (276 modules)
 ○ Compiling /admin/[[...segments]] ...
 ✓ Compiled /admin/[[...segments]] in 12.6s (4187 modules)

(process:2404): GLib-GObject-CRITICAL **: 17:19:20.543: invalid unclassed type '(NULL)' in class cast to '(NULL)'

(process:2404): GLib-GObject-CRITICAL **: 17:19:20.544: invalid unclassed type '(NULL)' in class cast to '(NULL)'

(process:2404): GLib-GObject-CRITICAL **: 17:19:20.544: invalid unclassed type '(NULL)' in class cast to '(NULL)'

(process:2404): GLib-GObject-CRITICAL **: 17:19:20.544: invalid unclassed type '(NULL)' in class cast to '(NULL)'

(process:2404): GLib-GObject-CRITICAL **: 17:19:20.545: invalid unclassed type '(NULL)' in class cast to '(NULL)'

(process:2404): GLib-GObject-CRITICAL **: 17:19:20.545: invalid unclassed type '(NULL)' in class cast to '(NULL)'

(process:2404): GLib-GObject-CRITICAL **: 17:19:20.545: invalid unclassed type '(NULL)' in class cast to '(NULL)'

(process:2404): GLib-GObject-CRITICAL **: 17:19:20.546: invalid unclassed type '(NULL)' in class cast to '(NULL)'
[✓] Pulling schema from database...
[17:19:23] WARN: No email adapter provided. Email will be written to console. More info at https://payloadcms.com/docs/email/overview.
 GET /admin 307 in 17669ms
 ⨯ ..\src\views\Login\LoginForm\index.tsx (29:15) @ LoginForm
 ⨯ Internal error: TypeError: Cannot read properties of undefined (reading 'routes')
    at LoginForm (./node_modules/.pnpm/@payloadcms+next@3.0.0-beta.78_graphql@16.9.0_monaco-editor@0.50.0_next@15.0.0-canary.87_payl_5l3ymx6rfhdp4mh5b3a7xl4s5q/node_modules/@payloadcms/next/dist/views/Login/LoginForm/index.js:22:30)
    at o7 (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:10851)
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:21085
    at as (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:21813)
    at as (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:51912)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55216)
    at ad (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:60123)
    at ac (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:59204)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55535)
    at ad (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:60123)
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:47728
    at as (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:48214)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55216)
    at ad (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:60123)
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:47728
    at as (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:48214)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55216)
    at ad (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:60123)
    at ac (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:59204)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55535)
    at au (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:55507)
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:64902
    at C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:65631
    at aS (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:65639)
    at Timeout._onTimeout (C:\Users\nikla\Documents\Projects\kjcurtains3.0\node_modules\.pnpm\next@15.0.0-canary.87_react-dom@19.0.0-rc-fb9a90fa48-20240614_react@19.0.0-rc-fb9a90fa48-20240614\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:40:6919)
    at listOnTimeout (node:internal/timers:573:17)
    at process.processTimers (node:internal/timers:514:7)
digest: "2452682953"
  27 |   const {
  28 |     admin: {
> 29 |       routes: { forgot: forgotRoute },
     |               ^
  30 |       user: userSlug,
  31 |     },
  32 |     routes: { admin: adminRoute, api: apiRoute },
 GET /admin/login 500 in 391ms
 

Adapters and Plugins

db-postgres, storage-vercel-blob

[jmikrut]

Hey @bognar-dev — yes, you need to make sure you run migrations against your production database before deploying new code. You can do this in your Vercel build process by setting your build command to the ci script in the package.json.

I would imagine this is the issue. We do not automatically push schema changes for you in production.

Here are some docs regarding the variety of ways to run migrations in production:
https://payloadcms.com/docs/beta/database/migrations

[bognar-dev]

When I run it on vercel the ci command on vercel it says that it looks like you are running in dev mode and then the build is stuck for 30 minutes because I can't select yes or no on vercel

[bognar-dev]