15 replies

User Cancelling Authentication Redirects to Better Auth Error Page

export const facebookSignIn = async () => {
  const data = await authClient.signIn.social({
    provider: "facebook",
    callbackURL: "/profile",
    errorCallbackURL: "/sign-in",
  });

  return data;
};

export const facebookSignIn = async () => {
  const data = await authClient.signIn.social({
    provider: "facebook",
    callbackURL: "/profile",
    errorCallbackURL: "/sign-in",
  });

  return data;
};

this is my code for facebook login, i have the errorCallbackURL to go to "/sign-in" but it doesn't fall back to this redirect instead it goes staright to the default better auth error page. my database is fully set up, the error in the url says:

http://localhost:3000/api/auth/error?error=access_denied&error_description=Permissions%20error#_=_

http://localhost:3000/api/auth/error?error=access_denied&error_description=Permissions%20error#_=_

Solution

ended up fixing this by adding errorURL to my betterAuth for the onAPIError property

 onAPIError: {
    throw: true,
    onError: (error, ctx) => {
      console.error("Auth error:", error);
    },
    errorURL: "/sign-in",
  },

 onAPIError: {
    throw: true,
    onError: (error, ctx) => {
      console.error("Auth error:", error);
    },
    errorURL: "/sign-in",
  },

Jump to solution

Better Auth•11mo ago•

15 replies

stevem

User Cancelling Authentication Redirects to Better Auth Error Page

export const facebookSignIn = async () => {
  const data = await authClient.signIn.social({
    provider: "facebook",
    callbackURL: "/profile",
    errorCallbackURL: "/sign-in",
  });

  return data;
};

export const facebookSignIn = async () => {
  const data = await authClient.signIn.social({
    provider: "facebook",
    callbackURL: "/profile",
    errorCallbackURL: "/sign-in",
  });

  return data;
};

http://localhost:3000/api/auth/error?error=access_denied&error_description=Permissions%20error#_=_

http://localhost:3000/api/auth/error?error=access_denied&error_description=Permissions%20error#_=_

Solution

ended up fixing this by adding errorURL to my betterAuth for the onAPIError property

 onAPIError: {
    throw: true,
    onError: (error, ctx) => {
      console.error("Auth error:", error);
    },
    errorURL: "/sign-in",
  },

 onAPIError: {
    throw: true,
    onError: (error, ctx) => {
      console.error("Auth error:", error);
    },
    errorURL: "/sign-in",
  },

Jump to solution

User Cancelling Authentication Redirects to Better Auth Error Page

Similar Threads

User Cancelling Authentication Redirects to Better Auth Error Page

Similar Threads

Similar Threads

Similar Threads