TypeError: r is not a function

[EncryptMan]

I am facing many problems with next-auth@beta and next js 14. After redirect back from discord oauth I am getting this error
"TypeError: r is not a function"

[kaushikc44]

If your using App Router I recommend to watch this video https://youtu.be/md65iBX5Gxg?si=Qa2vL0uxL4cYj8pt and also you don't need to use the beta version they are unstable I figured it out yesterday. So saving you the trouble

[EncryptMan]

Which version of next-auth will work with nextjs 14?

[vasyza]

same error

[aronianm]

I had "next-auth": "^5.0.0-beta.4",
and downgrading to "next-auth": "4.24.5" that was released 2 months ago fixed this issue for me

[Fritze1602]

same here. Thanks a million for this. Fixed a bunch of strange things.

[Nemidas7734]

Fixed issue for me , thanks a lot

[aronianm]

@TheOrcDev @jylee311 @tjulioh @Fritze1602 @Nemidas7734

#9251 (comment)

This should be your approach instead of downgrading.

[OlgaS-codes]

Thanks! Fixed the issue!

[0nexo0]

Thank You So Much Bro Really Helpfull ❤️

[avelzo]

uninstalling the beta version("^5.0.0-beta.4") and reinstalling stable version("4.24.5") worked for me too.
Thank you guys

[TheOrcDev]

4.24.5
Here is the file /api/auth/[...nextauth]/route.ts that is working for me in this version:

import NextAuth from "next-auth";
import GoogleProvider from "next-auth/providers/google";

export const authOptions = {
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
    }),
  ],
};
const handler = NextAuth(authOptions);

export { handler as GET, handler as POST };

After this just hit api/auth/signin URL

[vaibhavprasad54]

This worked for me as well, in case anyone needs to know I am using Next.js v14.1.4 and downgraded Next-auth to v4.24.5 as @aronianm mentioned.
Also check your layout.js/ts file, make sure you've correctly imported SessionProvider as a wrapper and not directly because layout is a server component.

[ness-e]

You are the best bro, I have been looking for comments close to the date for a week and this is the first one I have found that helps me, I am starting and I have many errors

[BrofessorNFT]

This helped me too! So what is wrong with the beta version of next-auth. This versions hell with nextjs-14 drives me crazy

[EncryptMan]

I don't know. I initially used next-auth@beta because official Learn Nextjs guide stated that only beta version is compatible with Next js 14.

[Zelzazor]

Since you are using next auth v5, I've solved it like this:

• Change your auth.ts file to include the GET and POST methods:

export const { auth, signIn, signOut, handlers: { GET, POST } } = NextAuth({
  // Your Auth config here
});

• Now, on your route.ts file, add this single line:

export { GET, POST } from "@/auth"; // change the route to the auth.ts path if it's not the same

You have to make sure that all of your config for auth is inside auth.ts and nowhere else.
Auth.js pretty much overhauled its entire library on this auth method, replacing most of the options for server side handlers. Check this guide for more details: https://authjs.dev/guides/upgrade-to-v5

[parthematics]

@Zelzazor this worked for me! Thank you so much, wasted too much time on this...

[vladimirmazarakis]

Since you are using next auth v5, I've solved it like this:

• Change your auth.ts file to include the GET and POST methods:

export const { auth, signIn, signOut, handlers: { GET, POST } } = NextAuth({
  // Your Auth config here
});

• Now, on your route.ts file, add this single line:

export { GET, POST } from "@/auth"; // change the route to the auth.ts path if it's not the same

You have to make sure that all of your config for auth is inside auth.ts and nowhere else. Auth.js pretty much overhauled its entire library on this auth method, replacing most of the options for server side handlers. Check this guide for more details: https://authjs.dev/guides/upgrade-to-v5

It makes sense, for all the other guys blaming the beta be a little bit more careful with your code :)

[HansiDerSweater]

Thank you Sir, this helped me! v5.0.0 beta 16

[nihal-dhore]

Thanks man that worked. I think that's why the say read docs carefully!

[nusratnova5]

Thank you

[joaopedropastura]

try this link: https://authjs.dev/getting-started/migrating-to-v5

i got the same error and its work for me.

problably u forget auth.ts file main folder project

[himanshu-tyd]

Thanks brother this work for me

just by installing "^5.0.0-beta.20" docs " check this link -> https://authjs.dev/getting-started/migrating-to-v5#authenticating-server-side

[lobotomoe]

In my case reason of this error is replacement from

const {
  handlers: { GET, POST },
  auth,
  signIn,
  signOut,
} = NextAuth(authConfig); // static object

to

const buildAuthConfig = (request?: NextRequest) => { // my logic }
const {
  handlers: { GET, POST },
  auth,
  signIn,
  signOut,
} = NextAuth(buildAuthConfig);

And I don't know how to fix that, return back to static config for now.

[kelvinpraises]

#11544

[eunjin0212]

I resolve this issue!
I got the same error and it works for me.

// src/auth/index.ts
import NextAuth, { NextAuthConfig } from "next-auth";
import Google from 'next-auth/providers/google';

export const BASE_PATH = "/api/auth";
const authOptions: NextAuthConfig = {
  providers: [
    Google({
      clientId: process.env.GOOGLE_CLIENT_ID ?? '',
      clientSecret: process.env.GOOGLE_CLIENT_SECRET ?? ''
    })
  ],
  basePath: BASE_PATH,
};

export const { handlers: { GET, POST }, auth, signIn, signOut } = NextAuth(authOptions);

// src/auth/helpers.ts
"use server";

import { signIn as SignIn, signOut as SignOut } from "./index";

export async function signIn() {
  await SignIn();
}

export async function signOut() {
  await SignOut();
}

If you want to see whole code, you can visit my repository commit log

[CollinsKippy]

Mine occurred due to the AI Coding assistant (Claude - Haiku) adding a 'use client' directive to the route.ts handler file. Check for this in your route handlers. (I am using "next": "14.2.18", with "next-auth": "^5.0.0-beta.25").