Fix: Upgrade next-auth to fix auth example

[raylworks]

SYMPTOM

There is a behavior mismatch when I follow the Chapter 15 Adding Authentication - Updating the login form

For the function authenticate of /app/lib/actions.ts:

export async function authenticate(prevState: string | undefined, formData: FormData) {
  try {
    await signIn('credentials', formData);
  } catch (error) {
    if (error instanceof AuthError) {
      switch (error.type) {
        case 'CredentialsSignin':    // <-- Should Go Into Here
          return 'Invalid credentials.';
        default:    // <-- But Go Into Here
          return 'Something went wrong.';
      }
    }
    throw error;
  }
}

When I input the right email and wrong password, it should throw the CredentialsSignin error, but acutally it throws CallbackRouteError. The consequence is, the UI shows error message "Something went wrong." instead of "Invalid credentials.".

Reference:

• Same issue is also reported at: Chapter 15: Error type should be 'CallbackRouteError' #734

CAUSE

The cause is the package [email protected].

Many next-auth users report same issue that, they found next-auth throws CallbackRouteError instead of CredentialsSignin. The issue is narrowed down to [email protected], there is a code change breaks error type contract.

Reference:

• next-auth users report the error type issue: CallbackRouteError on Credentials when following docs nextauthjs/next-auth#11074
• The code change which introduces the type issue into [email protected]: fix(errors): do not log authjs message with CredentialsSiginin error nextauthjs/next-auth#11050

FIX

The next-auth team's noticed this issue and fixed it in new version, [email protected]. So we can upgrade to [email protected] to fix the authentication behavior.

Reference:

• The next-auth pull request to fix the error type issue: fix(core): revert #11050 nextauthjs/next-auth#11469

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
next-learn-starter	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 13, 2024 6:32am
next-seo-starter	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 13, 2024 6:32am

[vercel]

@raylworks is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/[email protected]	environment Transitive: network	+9	4.05 MB	thvu

🚮 Removed packages: npm/[email protected]

View full report↗︎

[leerob]

#983