Cannot retrieve access_token after succesfully authorization #11753

alexandreerick · 2024-09-02T14:45:51Z

alexandreerick
Sep 2, 2024

Hello, I'm trying to implement next-auth in my application with a custom oauth provider. When I call the signIn function, I am normally redirected to the page for authorizing external authentication and then immediately afterwards I am redirected to the redirect URL. However, it is not exchanging the code from the URL parameter for the access_token.
When I try to access the session is always returning null with the status of unauthenticated and the next-auth.session-token is not saved in the cookies.
I've tried several ways but without success. Below I will leave the custom provider code and other information that can help with the solution.

This is my api/auth/[...nextauth]/route.ts:

import NextAuth, { NextAuthOptions } from "next-auth";
import axios from "axios";

const nextAuthOptions: NextAuthOptions = {
  providers: [
    {
      id: "mercadolivre",
      name: "MercadoLivre",
      type: "oauth",
      clientId: process.env.NEXT_PUBLIC_CLIENT_ID,
      clientSecret: process.env.NEXT_PUBLIC_CLIENT_SECRET,
      authorization: {
        url: process.env.NEXT_PUBLIC_AUTH_URL,
        params: {
          response_type: 'code',
          client_id: process.env.NEXT_PUBLIC_CLIENT_ID,
          redirect_uri: process.env.NEXT_PUBLIC_REDIRECT_URI,
          scope: 'offline_access read write',
        },
      },
      token: {
        async request(context) {
          console.log("context.params.code", context.params.code);
          try {
            const response = await axios({
              url: process.env.NEXT_PUBLIC_TOKEN_URL,
              method: 'POST',
              headers: {
                'content-type': 'application/json',
                'accept-language': 'en-US',
              },
              data: {
                code: context.params.code,
                grant_type: 'authorization_code',
                client_id: process.env.NEXT_PUBLIC_CLIENT_ID,
                client_secret: process.env.NEXT_PUBLIC_CLIENT_SECRET,
                redirect_uri: process.env.NEXT_PUBLIC_REDIRECT_URI
              },
            });
            console.log("REPSONE DATA >>>>>", response.data);
            return { tokens: response.data };
          } catch (err: any) {
            console.log(err);
            throw new Error(err);
          }
        },
      },
      profile(profile) {
        console.log("PROFILE >>>", profile);
        return profile;
      },
    }
  ],
  debug: true,
}

export const handler = NextAuth(nextAuthOptions);

export { handler as GET, handler as POST, nextAuthOptions };

Ps: console.log inside the token request is not logging somehow.

This is my layout.tsx with the SessionProvider:

import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import NextAuthSessionProvider from "@/providers/sessionProvider";

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <NextAuthSessionProvider>{children}</NextAuthSessionProvider>
      </body>
    </html>
  );
}

Answered by alexandreerick

Sep 2, 2024

Turns out i was using a wrong redirect uri on the platform service.
I was using something like http://localhost:3000/dashboard instead of http://localhost:3000/api/auth/callback/${PROVIDER ID}.

View full answer

alexandreerick · 2024-09-02T23:07:09Z

alexandreerick
Sep 2, 2024
Author

Turns out i was using a wrong redirect uri on the platform service.
I was using something like http://localhost:3000/dashboard instead of http://localhost:3000/api/auth/callback/${PROVIDER ID}.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Cannot retrieve access_token after succesfully authorization #11753

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Cannot retrieve access_token after succesfully authorization #11753

Uh oh!

alexandreerick Sep 2, 2024

Replies: 1 comment

Uh oh!

alexandreerick Sep 2, 2024 Author

alexandreerick
Sep 2, 2024

alexandreerick
Sep 2, 2024
Author