Stuck at integrating okta provider

[rr-jino-jose]

Hello

I have a next js appliation (v14) and would like to integrate okta provider with it using next-auth. I am using app/ route in next js and setup the code like below

#app/api/auth/[...nextauth]/route.ts
import NextAuth from "next-auth";
import { AuthOptions } from "next-auth";
import OktaProvider from "next-auth/providers/okta";

const authOptions: AuthOptions = {
  providers: [
    OktaProvider({
      clientId: process.env.OKTA_CLIENT_ID as string,
      clientSecret: process.env.OKTA_CLIENT_SECRET as string,
      issuer: process.env.OKTA_ISSUER,
    }),
  ],
    secret: process.env.NEXTAUTH_SECRET,
}
const handler = NextAuth(authOptions);
export { handler as GET, handler as POST };

Also I set .env as

OKTA_CLIENT_ID=XXXXXX
OKTA_CLIENT_SECRET=XXXXXXXXXXXXXXXXX
OKTA_ISSUER_URL=https://XXXXXXX/oauth2/default
NEXTAUTH_SECRET=XXXXXXXXXX
NEXTAUTH_URL=http://localhost:3000

When I try I get the error like below. I double checked my okta creds generated from okta app.

[next-auth][error][SIGNIN_OAUTH_ERROR] 
https://next-auth.js.org/errors#signin_oauth_error only valid absolute URLs can be requested {
  error: {
    message: 'only valid absolute URLs can be requested',
    stack: 'TypeError: only valid absolute URLs can be requested\n' +
      '    at Issuer.request (webpack-internal:///(rsc)/./node_modules/openid-client/lib/helpers/request.js:60:15)\n' +
      '    at Issuer.discover (webpack-internal:///(rsc)/./node_modules/openid-client/lib/issuer.js:134:40)\n' +
      '    at openidClient (webpack-internal:///(rsc)/./node_modules/next-auth/core/lib/oauth/client.js:12:45)\n' +
      '    at getAuthorizationUrl (webpack-internal:///(rsc)/./node_modules/next-auth/core/lib/oauth/authorization-url.js:88:51)\n' +
      '    at Object.signin (webpack-internal:///(rsc)/./node_modules/next-auth/core/routes/signin.js:21:66)\n' +
      '    at AuthHandler (webpack-internal:///(rsc)/./node_modules/next-auth/core/index.js:259:49)\n' +
      '    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n' +
      '    at async NextAuthRouteHandler (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:50:30)\n' +
      '    at async NextAuth._args$ (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:85:24)\n' +
      '    at async /Users/jino.jose/rakuten/git/rr-services-version-dashboard/node_modules/next/dist/compiled/next-server/app-route.runtime.dev.js:6:63809\n' +
      '    at async eU.execute (/Users/jino.jose/rakuten/git/rr-services-version-dashboard/node_modules/next/dist/compiled/next-server/app-route.runtime.dev.js:6:53964)\n' +
      '    at async eU.handle (/Users/jino.jose/rakuten/git/rr-services-version-dashboard/node_modules/next/dist/compiled/next-server/app-route.runtime.dev.js:6:65062)\n' +
      '    at async doRender (/opt/homebrew/lib/node_modules/next/dist/server/base-server.js:1333:42)\n' +
      '    at async cacheEntry.responseCache.get.routeKind (/opt/homebrew/lib/node_modules/next/dist/server/base-server.js:1543:40)\n' +
      '    at async DevServer.renderToResponseWithComponentsImpl (/opt/homebrew/lib/node_modules/next/dist/server/base-server.js:1463:28)\n' +
      '    at async DevServer.renderPageComponent (/opt/homebrew/lib/node_modules/next/dist/server/base-server.js:1856:24)\n' +
      '    at async DevServer.renderToResponseImpl (/opt/homebrew/lib/node_modules/next/dist/server/base-server.js:1894:32)\n' +
      '    at async DevServer.pipeImpl (/opt/homebrew/lib/node_modules/next/dist/server/base-server.js:911:25)\n' +
      '    at async NextNodeServer.handleCatchallRenderRequest (/opt/homebrew/lib/node_modules/next/dist/server/next-server.js:271:17)\n' +
      '    at async DevServer.handleRequestImpl (/opt/homebrew/lib/node_modules/next/dist/server/base-server.js:807:17)\n' +
      '    at async /opt/homebrew/lib/node_modules/next/dist/server/dev/next-dev-server.js:331:20\n' +
      '    at async Span.traceAsyncFn (/opt/homebrew/lib/node_modules/next/dist/trace/trace.js:151:20)\n' +
      '    at async DevServer.handleRequest (/opt/homebrew/lib/node_modules/next/dist/server/dev/next-dev-server.js:328:24)\n' +
      '    at async invokeRender (/opt/homebrew/lib/node_modules/next/dist/server/lib/router-server.js:163:21)\n' +
      '    at async handleRequest (/opt/homebrew/lib/node_modules/next/dist/server/lib/router-server.js:342:24)\n' +
      '    at async requestHandlerImpl (/opt/homebrew/lib/node_modules/next/dist/server/lib/router-server.js:366:13)\n' +
      '    at async Server.requestListener (/opt/homebrew/lib/node_modules/next/dist/server/lib/start-server.js:140:13)',
    name: 'TypeError'
  },
  providerId: 'okta',
  message: 'only valid absolute URLs can be requested'
}

Any help is appreciated .. I tried to follow the doc but it looks like doc at some point is pointing towards page route again .. Any help or hint is appreciated. Thanks

[rr-jino-jose]

I even followed this 2 links

https://stackoverflow.com/questions/72023479/next-auth-only-valid-absolute-urls-can-be-requested
https://www.reddit.com/r/nextjs/comments/smnwo1/auth0_integration_error/?rdt=40699

and no luck ..

[rr-jino-jose]

nvm I was missing authorization and token thanks

export const handler = NextAuth({
  providers: [
    OktaProvider({
      clientId: process.env.OKTA_CLIENT_ID as string,
      clientSecret: process.env.OKTA_CLIENT_SECRET as string,
      issuer: process.env.OKTA_ISSUER_URL,
      authorization: process.env.OKTA_AUTHRIZATION_URL,
      token: process.env.OKTA_TOKEN_URL,
    }),
  ],
  secret: process.env.NEXTAUTH_SECRET,
});