Not able to complete basic setup with app router

[akshay-nm]

Question 💬

I have this in my logs (localhost):

[next-auth][warn][DEBUG_ENABLED] 
https://next-auth.js.org/warnings#debug_enabled
- error TypeError [ERR_INVALID_URL]: Invalid URL
    at new NodeError (node:internal/errors:399:5)
    at new URL (node:internal/url:560:13)
    at Object.redirect (webpack-internal:///(sc_server)/./node_modules/next-auth/core/lib/default-callbacks.js:12:18)
    at createCallbackUrl (webpack-internal:///(sc_server)/./node_modules/next-auth/core/lib/callback-url.js:10:39)
    at init (webpack-internal:///(sc_server)/./node_modules/next-auth/core/init.js:131:91)
    at AuthHandler (webpack-internal:///(sc_server)/./node_modules/next-auth/core/index.js:138:57)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async NextAuthRouteHandler (webpack-internal:///(sc_server)/./node_modules/next-auth/next/index.js:49:30)
    at async NextAuth._args$ (webpack-internal:///(sc_server)/./node_modules/next-auth/next/index.js:83:24)
    at async eval (webpack-internal:///(sc_server)/./node_modules/next/dist/server/future/route-modules/app-route/module.js:265:37) {
  input: 'null',
  code: 'ERR_INVALID_URL'
}

How to reproduce ☕️

I have this in my .env.local:

NEXTAUTH_SECRET=SOMETHING_HERE
NEXTAUTH_URL=http://localhost:3000

My next.config.js does not have any env vars

This is my route.ts file (app router):

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

export const authOptions = {
	providers: [
		GoogleProvider({
			clientId: process.env.GOOGLE_CLIENT_ID as string,
			clientSecret: process.env.GOOGLE_CLIENT_SECRET as string,
		}),
	],
	pages: {
		signIn: "/signin",
		signOut: "/",
	},
	debug: true,
	secret: process.env.NEXTAUTH_SECRET as string,
};

const handler = NextAuth(authOptions);

export { handler as GET, handler as POST };

Contributing 🙌🏽

Yes, I am willing to help answer this question in a PR

[TcPirate1]

First thing I notice is your .env variables should all be strings.

In other words:

NEXTAUTH_SECRET="SOMETHING_HERE"
NEXTAUTH_URL="http://localhost:3000"

or:

NEXTAUTH_SECRET='SOMETHING_HERE'
NEXTAUTH_URL='http://localhost:3000'

Not sure if that will fix your problem but its the only thing I can see wrong and might be why you're getting an "Invalid URL" error.

[ghost]

I'm facing a similar issue. It builds fine locally but fails on Github Actions.

Collecting page data ... TypeError [ERR_INVALID_URL]: Invalid URL at new NodeError (node:internal/errors:405:5) at new URL (node:internal/url:637:13) at 7815 (/home/runner/work/my-app/apps/customer-app/.next/server/chunks/815.js:1:194) at __webpack_require__ (/home/runner/work/my-app/apps/customer-app/.next/server/webpack-runtime.js:1:146) at 1277 (/home/runner/work/my-app/apps/customer-app/.next/server/app/api/auth/[...nextauth]/route.js:1:1186) at __webpack_require__ (/home/runner/work/my-app/apps/customer-app/.next/server/webpack-runtime.js:1:146) at __webpack_exec__ (/home/runner/work/my-app/apps/customer-app/.next/server/app/api/auth/[...nextauth]/route.js:1:1799) at /home/runner/work/my-app/apps/customer-app/.next/server/app/api/auth/[...nextauth]/route.js:1:1834 at __webpack_require__.X (/home/runner/work/my-app/apps/customer-app/.next/server/webpack-runtime.js:1:1610) at /home/runner/work/my-app/apps/customer-app/.next/server/app/api/auth/[...nextauth]/route.js:1:1812 { input: '', code: 'ERR_INVALID_URL' }

[muhaimincs]

This happen to on v5 at Vercel

TypeError [ERR_INVALID_URL]: Invalid URL
--
22:44:35.652 | at new NodeError (node:internal/errors:405:5)
22:44:35.660 | at new URL (node:internal/url:637:13)
22:44:35.660 | at 78021 (/vercel/path0/.next/server/app/_not-found.js:1:8158)
22:44:35.660 | at Function.t (/vercel/path0/.next/server/webpack-runtime.js:1:127)
22:44:35.661 | at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
22:44:35.661 | at async collectGenerateParams (/vercel/path0/node_modules/next/dist/build/utils.js:884:17)
22:44:35.661 | at async /vercel/path0/node_modules/next/dist/build/utils.js:1100:17
22:44:35.664 | at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:147:20) {
22:44:35.664 | input: 'moeg-mcs.vercel.app',
22:44:35.664 | code: 'ERR_INVALID_URL'

[ashishk15678]

do we have solution ? having the same issue

"next": "14.2.24",
"next-auth": "^5.0.0-beta.25",

the same issue in new auth.js as well :((
i have used it before and never faced this issue , idk why it came now