refactor(SignInWithAuthjsButton): Use next auth signIn and remove @auth/core dep

Author: CrawlerCode

package.json

@@ -67,8 +67,6 @@
     "typescript": "^5.7.3"
   },
   "nx": {},
-  "dependencies": {
-    "@auth/core": "^0.37.4"
-  },
+  "dependencies": {},
   "packageManager": "pnpm@9.12.3"
 }

pnpm-lock.yaml

@@ -1,31 +1,22 @@
-import { createActionURL } from "@auth/core";
 import { Button } from "@payloadcms/ui";
-import { headers } from "next/headers";
-import { redirect } from "next/navigation";
-import React from "react";
+import NextAuth from "next-auth";
 
 /**
  * A button that redirects the user to the Auth.js sign in page
  */
-export const SignInWithAuthjsButton = ({
-  authjsBasePath,
-  adminURL,
-}: {
-  authjsBasePath: string;
-  adminURL: string;
-}) => {
+export const SignInWithAuthjsButton = ({ authjsBasePath }: { authjsBasePath?: string }) => {
   return (
     <form
       style={{ display: "flex", justifyContent: "center" }}
       action={async () => {
         "use server";
 
-        const signInURL = createActionURL("signin", "https", await headers(), process.env, {
+        const { signIn } = NextAuth({
           basePath: authjsBasePath,
+          providers: [],
         });
-        signInURL.searchParams.append("callbackUrl", adminURL);
 
-        redirect(signInURL.toString());
+        await signIn();
       }}
     >
       <Button

src/components/SignInWithAuthjsButton.tsx

@@ -55,8 +55,7 @@ export const authjsPlugin =
                 {
                   path: "payload-authjs/components#SignInWithAuthjsButton",
                   serverProps: {
-                    authjsBasePath: pluginOptions.authjsConfig.basePath ?? "/api/auth",
-                    adminURL: config.routes?.admin ?? "/admin",
+                    authjsBasePath: pluginOptions.authjsConfig.basePath,
                   },
                 },
               ]