user is undefined in BeforeDashboard component after login

[r1tsuu]

Link to reproduction

No response

Environment Info

Payload: 3.0.0-beta.100
Next.js: 15.0.0-canary.104
Node: 22.8

Describe the Bug

useAuth().user is undefined in a BeforeDashboard component after login.

record-2024-09-09_18.49.55.mp4

Reproduction Steps

Create BeforeDashboard.tsx:

'use client'

import { useAuth } from '@payloadcms/ui'

const BeforeDashboard = () => {
  const { user } = useAuth()
  return <div>ID: {user.id}</div>
}

export default BeforeDashboard

Add to the root config:

admin: {
      importMap: {
        baseDir: path.resolve(dirname),
      },
      components: {
        beforeDashboard: ['./BeforeDashboard.js'],
      },
    },

Login into the admin panel - you should receive an error about user is undefined.

Adapters and Plugins

No response

[r1tsuu]

Fixed in #8135

[github-actions]

🚀 This is included in version v3.0.0-beta.103

[github-actions]

This issue has been automatically locked.
Please open a new issue if this issue persists with any additional detail.