I can't console log on [...nextauth].js

[PhHitachi]

Im new to NextAuth.js and im trying to explore it but i can't see any information what is happening behind the [...nextauth].js even in authorize method even i added "use client" is there any way to that?

//pages/api/auth/[...nextauth].js
"use client";
import NextAuth from "next-auth";
import CredentialsProvider from "next-auth/providers/credentials";

//import 
export default NextAuth({
	providers: [
		CredentialsProvider({
			id: 'login',
			async authorize(user) {
				return user || null;
			},
		}),
	],
	callbacks: {
		signIn: async ({ user, account, profile, email, credentials }) => {
			console.log('signIn callback:', { user, account, profile, email, credentials })
			return true
		},
		redirect: async ({ url, baseUrl }) => {
			return baseUrl
		},
		session: async ({ session, token, user }) => {
			console.log('session callback:', { session, token, user })
			session.user = token;
			return session;
		},
		jwt: async ({ token, user, account, profile }) => {
			console.log('jwt callback:', { token, user, account, profile })
			return { ...token, ...user };
		},
	},
});

//app/login/page.jsx
....
const handleSubmit = async (event) => {
        event.preventDefault();
        
        try {
            const response = await axios.post('http://localhost:8000/auth/login', {
                email,
                password,
            }).then((response) => {
                if (response.data) {
                    signIn('login', {
                        ...response.data.user,
                        redirect: false,
                    })
                }
            }).catch((error) => {
                switch (error.code) {
                    case "ERR_NETWORK":
                        throw new Error('Network Error, There was something wrong on your connection please try again.')
                        break;
                    case "ERR_BAD_RESPONSE":
                        throw new Error('Sorry, There was something went wrong on the end, that we\'re currently working on')
                        break;
                    case "ERR_BAD_REQUEST":
                        if (error.response.data.error) {
                            alert(error.response.data.error) //invalid credentials
                        } else {
                            throw new Error('Sorry, your request is unthorized')
                        }
                        break;
                    default:
                        throw new Error(error)

                }
            });
        } catch (error) {
            throw new Error(error);
        }
    };
    
    ....
    ```

[JasperAlexander]

You only need to use 'use client' when using the app directory of Next.js, because all components in the app directory are server components by default.

Don't post to http://localhost:8000/auth/login. Just use the signIn function. If you're using NextAuth.js right, you should be able to log with console.log inside [...nextauth].js.

import { signIn } from "next-auth/react"

<button onClick={() => signIn()}>Sign in</button>

[nimeshmaharjan1]

but the console log here doesnt work at all??

import { authConfig } from '@/shared/lib/auth.config';
import NextAuth from 'next-auth';

import Credentials from 'next-auth/providers/credentials';
import { z } from 'zod';
export const {
  handlers: { GET, POST },
  auth,
  signIn,
  signOut,
} = NextAuth({
  ...authConfig,
  providers: [
    Credentials({
      async authorize(credentials) {
        console.log({ credentials });
        const parsedCredentials = z
          .object({ email: z.string().email(), password: z.string().min(6) })
          .safeParse(credentials);
        // if (credentials.password !== 'password') {
        //   return null;
        //   // Return an object that will pass error information through to the client-side.
        //   // throw Error(
        //   //   JSON.stringify({ errors: 'Invalid Credentials', status: false })
        //   // );
        // }
        return {
          id: 'hello',
        };
      },
    }),
  ],
  pages: {
    signIn: '/login',
  },
});

[huperniketes]

If [nextauth].js is server-side, shouldn't console logs show up in the server's console logs? Is there a particular log level (eg info, warn, error) that must be used for them to be output to the console?