Hi everybody,I tried to set up next auth but its giving me problemsThis is my login form'use client'; import { signIn } from 'next-auth/react'; import { useRouter } from 'next/navigation'; import { useState } from 'react'; interface CredentialsFormProps { csrfToken?: string; } export function CredentialsForm(props: CredentialsFormProps) { const router = useRouter(); const [error, setError] = useState (null); const handleSubmit = async (e) => { e.preventDefault(); const data = new FormData(e.target); const signInResponse = await signIn('credentials', { email: data.get('email'), password: data.get('password'), redirect: false, }); console.log(data.get('email')); if (signInResponse && !signInResponse.error) { router.push('/dashboard'); } else { console.log(signInResponse?.error); setError("Invalid credentials. Please try again.") } } return ( {error && ( {error} )} Log in ); }

Next-Auth help, I've been trying for so long

Answered

Devon Rex posted this in #help-forum

Devon RexOP

2024-04-14T21:03:24.233Z

Hi everybody,
I tried to set up next auth but its giving me problems

This is my login form

'use client';

import { signIn } from 'next-auth/react';
import { useRouter } from 'next/navigation';
import { useState } from 'react';

interface CredentialsFormProps {
    csrfToken?: string;
}

export function CredentialsForm(props: CredentialsFormProps) {
    const router = useRouter();
    const [error, setError] = useState<string | null>(null);

    const handleSubmit = async (e) => {
        e.preventDefault();
        const data = new FormData(e.target);

        const signInResponse = await signIn('credentials', {
            email: data.get('email'),
            password: data.get('password'),
            redirect: false,
        });

        console.log(data.get('email'));

        if (signInResponse && !signInResponse.error) {
            router.push('/dashboard');
        } else {
            console.log(signInResponse?.error);
            setError("Invalid credentials. Please try again.")
        }
    }

    return (
        <form className='' onSubmit={handleSubmit}>
            {error && (
                <span className=''>{error}</span>
            )}

            <input type='email' name='email' placeholder='Username or Email' required className=''></input>
            <input type='password' name='password' placeholder='Password' required className=''></input>
            <button type='submit' className=''>Log in</button>
        </form>
    );
}

Answered by Northeast Congo Lion

export default async function Home() {

    const session = await getServerSession(authConfig)

    if (session)
        return (redirect("/ai"));

    return (
        <main className="bg-white">
        </main>
    );
}

View full answer

365 Replies

Devon RexOP

2024-04-14T21:03:30.665Z

"use client";

import { NextAuthOptions, User, getServerSession } from "next-auth";

import CredentialsProvider from 'next-auth/providers/credentials';

import prisma from "./prisma";

import { redirect } from "next/navigation";
import { useSession } from "next-auth/react";
import { useRouter } from "next/navigation";

export const authConfig: NextAuthOptions = {
    providers: [
        CredentialsProvider({
            name: "Sign in",
            credentials: {
                username: {
                    label: "Username",
                    type: "text",
                    placeholder: "John Stone"
                },
                email: {
                    label: "Email",
                    type: "email",
                    placeholder: "john@example.com"
                },
                password: {
                    label: "Password",
                    type: "password",
                },
            },

            async authorize(credentials) {
                if (!credentials || !credentials.email || !credentials.password)
                    return null;

                const dbUser = await prisma.user.findFirst({
                    where: { email: credentials.email },
                });

                //encrypt w/ bcrypt
                if (dbUser && dbUser.password === credentials.password) {
                    const { password, createdAt, id, ...dbUserWithoutPassword } = dbUser;
                    return dbUserWithoutPassword as User;
                }

                return null;
            },
        }),
    ],
}

export async function loginIsRequiredServer() {
    const session = await getServerSession();
    if (!session)
        return redirect("/login");
}

export async function loginIsRequiredClient() {
    if (typeof window !== "undefined") {
        const session = useSession();
        const router = useRouter();
        if (!session)
            return router.push("/login");
    }
}

This is my auth.ts config

and the api route

import { authConfig } from "@/lib/auth";
import NextAuth from "next-auth/next";

const handler = NextAuth(authConfig);

export { handler as GET, handler as POST };

next-auth][error][CLIENT_FETCH_ERROR] 
https://next-auth.js.org/errors#client_fetch_error JSON.parse: unexpected end of data at line 1 column 1 of the JSON data 
Object { error: {…}, url: "/api/auth/providers", message: "JSON.parse: unexpected end of data at line 1 column 1 of the JSON data" }
app-index.js:33:22
    error webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:33
    error webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/hydration-error-info.js:63
    error webpack-internal:///(app-pages-browser)/./node_modules/next-auth/utils/logger.js:46
    level webpack-internal:///(app-pages-browser)/./node_modules/next-auth/utils/logger.js:81
    _callee$ webpack-internal:///(app-pages-browser)/./node_modules/next-auth/client/_utils.js:84
    Babel 11
    _fetchData webpack-internal:///(app-pages-browser)/./node_modules/next-auth/client/_utils.js:97
    fetchData webpack-internal:///(app-pages-browser)/./node_modules/next-auth/client/_utils.js:24
    _callee5$ webpack-internal:///(app-pages-browser)/./node_modules/next-auth/react/index.js:228
    Babel 7
    _getProviders webpack-internal:///(app-pages-browser)/./node_modules/next-auth/react/index.js:240
    getProviders webpack-internal:///(app-pages-browser)/./node_modules/next-auth/react/index.js:218
    _callee6$ webpack-internal:///(app-pages-browser)/./node_modules/next-auth/react/index.js:258
    Babel 7
    _signIn webpack-internal:///(app-pages-browser)/./node_modules/next-auth/react/index.js:364
    signIn webpack-internal:///(app-pages-browser)/./node_modules/next-auth/react/index.js:244
    handleSubmit webpack-internal:///(app-pages-browser)/./components/CredentialsForm.tsx:23
    React 3

I get this error everytime I try to login with the form

What is causing it

if you need more info lmk pls

@Devon Rex js "use client"; import { NextAuthOptions, User, getServerSession } from "next-auth"; import CredentialsProvider from 'next-auth/providers/credentials'; import prisma from "./prisma"; import { redirect } from "next/navigation"; import { useSession } from "next-auth/react"; import { useRouter } from "next/navigation"; export const authConfig: NextAuthOptions = { providers: [ CredentialsProvider({ name: "Sign in", credentials: { username: { label: "Username", type: "text", placeholder: "John Stone" }, email: { label: "Email", type: "email", placeholder: "john@example.com" }, password: { label: "Password", type: "password", }, }, async authorize(credentials) { if (!credentials || !credentials.email || !credentials.password) return null; const dbUser = await prisma.user.findFirst({ where: { email: credentials.email }, }); //encrypt w/ bcrypt if (dbUser && dbUser.password === credentials.password) { const { password, createdAt, id, ...dbUserWithoutPassword } = dbUser; return dbUserWithoutPassword as User; } return null; }, }), ], } export async function loginIsRequiredServer() { const session = await getServerSession(); if (!session) return redirect("/login"); } export async function loginIsRequiredClient() { if (typeof window !== "undefined") { const session = useSession(); const router = useRouter(); if (!session) return router.push("/login"); } }

Northeast Congo Lion

2024-04-14T21:13:11.382Z

try removing 'use client' for ur next authOptions file

you'll need to refactor ur code and move the two functions that use useSession function to a different file.

i think that might help ur issue

Devon RexOP

2024-04-14T21:22:17.689Z

Thank you so much 🙏

I was watching a tutorial and I copied what he did, idk how he used useSession and the routr

strange but thanks :)

Devon RexOP

2024-04-14T21:29:26.591Z

@Northeast Congo Lion do you know how to "destroy" a session

Northeast Congo Lion

2024-04-14T21:30:41.014Z

Delete cookies

Or use the sign out method

But deleting cookies work as well it’s what I do

@Northeast Congo Lion But deleting cookies work as well it’s what I do

Devon RexOP

2024-04-14T21:33:24.176Z

Looks like theres another problem then...

I deleted the cookies
but I always still get redirected

const session = getServerSession(authConfig)

    if (session)
        return (redirect("/ai"));

@Devon Rex Looks like theres another problem then... I deleted the cookies but I always still get redirected js const session = getServerSession(authConfig) if (session) return (redirect("/ai"));

Northeast Congo Lion

2024-04-14T21:40:10.189Z

u definitely deleted cookies?

i would not put this logic inside ur next auth config file

@Northeast Congo Lion i would not put this logic inside ur next auth config file

Devon RexOP

2024-04-14T21:41:36.266Z

No this is just on the login page

@Northeast Congo Lion u definitely deleted cookies?

Devon RexOP

2024-04-14T21:41:40.090Z

Yep one sec

Northeast Congo Lion

2024-04-14T21:42:01.523Z

double check browser cookies, sometimes people try delete httpOnly cookie from client component

Devon RexOP

2024-04-14T21:42:07.835Z

Cookies arent there

Northeast Congo Lion

2024-04-14T21:42:35.110Z

can u share more code?

Devon RexOP

2024-04-14T21:42:41.194Z

Yes which part do you need

Northeast Congo Lion

2024-04-14T21:43:32.237Z

the part causing issues

so the it still redirects u thinking the session is valid after deleting cookies.

Devon RexOP

2024-04-14T21:44:00.891Z

export default function Home() {

    const session = getServerSession(authConfig)

    if (!session)
        return (redirect("/ai"));

    return (
        <main className="bg-white">
        </main>
    );
}

Northeast Congo Lion

2024-04-14T21:44:23.026Z

so it does redirect you?

or it doesn't

Devon RexOP

2024-04-14T21:44:38.141Z

It does redirect me

When the cookies are not present

Northeast Congo Lion

2024-04-14T21:44:47.391Z

yeah

id expect it to

Devon RexOP

2024-04-14T21:44:58.140Z

How come

Northeast Congo Lion

2024-04-14T21:45:12.090Z

!session basically means if session is false

Devon RexOP

2024-04-14T21:45:18.686Z

WAit

I jsut changed that like a few mins ago for testing

It doesn't work even when session is valid

Northeast Congo Lion

2024-04-14T21:45:43.057Z

right so

can u send updated code of what should be

Devon RexOP

2024-04-14T21:45:53.603Z

YEs

Give me a second

Ubuntu just crashed 🤦‍♂️

Northeast Congo Lion

2024-04-14T21:47:06.949Z

also it is a good idea to check say session.user exists

Devon RexOP

2024-04-14T21:47:24.665Z

Alright noted

Northeast Congo Lion

2024-04-14T21:47:25.895Z

because I think session can sometimes be empty object, so i always like to specify the check on the user existing.

session?.user

Devon RexOP

2024-04-14T21:48:06.568Z

export default function Home() {

    const session = getServerSession(authConfig)

    if (session)
        return (redirect("/ai"));

    return (
        <main className="bg-white">
        </main>
    );
}

The code now

Northeast Congo Lion

2024-04-14T21:48:15.533Z

aight

so if u log in

and go to / what happens

Devon RexOP

2024-04-14T21:48:33.790Z

It redirects me to /ai

Northeast Congo Lion

2024-04-14T21:48:36.200Z

can u console.log(session) and show me

what is printed

Devon RexOP

2024-04-14T21:48:40.014Z

Yeah sure

Northeast Congo Lion

2024-04-14T21:48:46.931Z

perhaps ur session is not being created

Devon RexOP

2024-04-14T21:48:55.299Z

Let me see

Northeast Congo Lion

2024-04-14T21:49:07.988Z

no cookie no session

Devon RexOP

2024-04-14T21:50:00.909Z

Secon

its not loggin anything

Northeast Congo Lion

2024-04-14T21:50:35.158Z

sorry

export default function Home() {

    const session = getServerSession(authConfig)

    if (session)
        return (redirect("/ai"));

    return (
        <main className="bg-white">
        </main>
    );
}

is this all the code??

Devon RexOP

2024-04-14T21:50:50.211Z

yeah except the imports

Northeast Congo Lion

2024-04-14T21:50:52.534Z

where are ur imports for redirect, and getServerSession

oh ok

Devon RexOP

2024-04-14T21:51:02.674Z

import { redirect } from "next/navigation";

import { getServerSession } from "next-auth";

strange

Northeast Congo Lion

2024-04-14T21:51:51.367Z

pls can u

Northeast Congo Lion

2024-04-14T21:52:03.041Z

export default async function Home() {

    const session = await getServerSession(authConfig)

    if (session)
        return (redirect("/ai"));

    return (
        <main className="bg-white">
        </main>
    );
}

Answer

Northeast Congo Lion

2024-04-14T21:52:11.354Z

let me know what session prints

Devon RexOP

2024-04-14T21:52:19.718Z

oh yeah that might fix the printing problem

let me try it

Northeast Congo Lion

2024-04-14T21:53:06.838Z

also I should note to you, the console log will not be in browser window

it will be in terminal

Devon RexOP

2024-04-14T21:53:13.038Z

ohhhhhhhhh

i was checking the browser

Northeast Congo Lion

2024-04-14T21:53:21.367Z

client component log = browser

serverside functions

= terminal

Devon RexOP

2024-04-14T21:53:30.413Z

yeah right

i completely forgot

Northeast Congo Lion

2024-04-14T21:53:37.872Z

so api routes terminal, server component= terminal

i was confused when u said nothing

Devon RexOP

2024-04-14T21:53:50.713Z

null

Northeast Congo Lion

2024-04-14T21:53:54.863Z

i at least expected log of Promise<pending>

Devon RexOP

2024-04-14T21:54:06.209Z

yeah makes sense

Northeast Congo Lion

2024-04-14T21:54:12.116Z

so the session is null

Devon RexOP

2024-04-14T21:54:21.576Z

let me log in once more just incase

Northeast Congo Lion

2024-04-14T21:54:22.193Z

and can u confirm there are cookies in browser storage?

okay login & check

Devon RexOP

2024-04-14T21:55:02.488Z

Oh it worked now

Northeast Congo Lion

2024-04-14T21:55:07.754Z

cool

Devon RexOP

2024-04-14T21:55:11.843Z

{ user: { name: undefined, email: 'test@t.com', image: undefined } }

Northeast Congo Lion

2024-04-14T21:55:17.913Z

nice

Devon RexOP

2024-04-14T21:55:30.237Z

now let me logout and see if it stops redirecting me

oh its working now

lets go

thank you bro

Northeast Congo Lion

2024-04-14T21:55:57.284Z

no problem

u can mark as solved

Devon RexOP

2024-04-14T21:56:12.273Z

alright

ah i already did it

can i do it again

Northeast Congo Lion

2024-04-14T21:56:33.180Z

uhm

https://nextjs-forum.com/post/1229175198247551047#message-1229187440615489546 mark this one

Devon RexOP

2024-04-14T21:56:58.915Z

cool

@Devon Rex { user: { name: undefined, email: 'test@t.com', image: undefined } }

Devon RexOP

2024-04-14T21:57:44.435Z

where does name and image come from?

i want to populate atleast name

Northeast Congo Lion

2024-04-14T21:59:58.995Z

insude ur authorize callback

where u return user, u can set some info here

Devon RexOP

2024-04-14T22:00:34.788Z

got it, thx

Northeast Congo Lion

2024-04-14T22:00:48.000Z

but iirc i think u need to do some extra work to pass custom data to session

inside the callbacks: {}

https://next-auth.js.org/configuration/callbacks#session-callback

Devon RexOP

2024-04-14T22:01:55.501Z

alright thanks

Devon RexOP

2024-04-14T22:10:46.460Z

const dbUser = await prisma.user.findFirst({
                    where: { email: credentials.email || credentials.username },
                });

Is this not enough to sign in with both email and username?

Northeast Congo Lion

2024-04-14T22:11:21.696Z

not a very secure model

Devon RexOP

2024-04-14T22:11:31.437Z

how come

Northeast Congo Lion

2024-04-14T22:11:33.042Z

u also configured

user/email & pass

in credentials

Devon RexOP

2024-04-14T22:11:54.187Z

is that wrong?

Northeast Congo Lion

2024-04-14T22:11:58.336Z

so why use only 2?

well, why get the password if u wont use it...?

i dont know any site that uses email/username only

imo

Devon RexOP

2024-04-14T22:12:18.615Z

oh i dont need to get the password>

Northeast Congo Lion

2024-04-14T22:12:26.317Z

i advise using password at least

Devon RexOP

2024-04-14T22:12:41.754Z

yeah

i want them to login with username or email and then the password

like the form should accept an email or an username

and then the password

sorry if i was unclear

Northeast Congo Lion

2024-04-14T22:13:26.956Z

okay well I would do that all on a frontend side

no it make sense

but i would stagger ur submit to next auth till u have all 3.

because u could do simple fetch to check if user exists with email/user

Devon RexOP

2024-04-14T22:13:56.951Z

const signInResponse = await signIn('login', {
            email: data.get('email') || data.get('username'),
            password: data.get('password'),
            redirect: false,
        });

like this?

Northeast Congo Lion

2024-04-14T22:14:08.012Z

uhm

i mean yes, but again ur code is confusing

email is either using email or username

Devon RexOP

2024-04-14T22:14:28.428Z

yeah how else would i do it

it didnt work either it says nvalid credentials. Please try again.

Northeast Congo Lion

2024-04-14T22:15:09.600Z

whatever u return

from inside authorise

if u return a user object = login

if u return null = invalid

Devon RexOP

2024-04-14T22:15:52.076Z

then why should i do it thru the frontend

Northeast Congo Lion

2024-04-14T22:15:54.649Z

i mean if ur submitting to login at one time

with all data, its okay

but the way u explained it was different

Devon RexOP

2024-04-14T22:16:20.997Z

oh my bad

so what i showed earlier should work?

Northeast Congo Lion

2024-04-14T22:16:36.812Z

https://nextjs-forum.com/post/1229175198247551047#message-1229192951553589380

yes

Devon RexOP

2024-04-14T22:16:48.211Z

idk its not working

Northeast Congo Lion

2024-04-14T22:16:53.363Z

console.log the values

inside authorise

confirm ur info is being passed

check terminal

Devon RexOP

2024-04-14T22:17:08.696Z

alright

{
email: 'test',
password: 'psw',
redirect: 'false',
csrfToken: 'f196d140651293a53688765496ba0775ae4ac1ac0d9d1dde85b09c77c7d0c3f2',
callbackUrl: 'http://localhost:3000/login',
json: 'true'
}

Northeast Congo Lion

2024-04-14T22:18:42.233Z

okay check ur logic

where u access prisma

check if ur if statements are executing, what is being returned etc.

Devon RexOP

2024-04-14T22:19:02.843Z

well the login still works with email

just not username

Northeast Congo Lion

2024-04-14T22:19:08.298Z

Devon RexOP

2024-04-14T22:19:47.632Z

Northeast Congo Lion

2024-04-14T22:20:19.353Z

so username is passed in as null

Devon RexOP

2024-04-14T22:20:47.999Z

well theres no username field in the credentials object

just email, and when i try sign in with user, it puts the username in the email field

Northeast Congo Lion

2024-04-14T22:22:17.357Z

yeah

sorry i meant if u use username field on frontend

.email is null

Devon RexOP

2024-04-14T22:22:42.670Z

nah email is populated with the username

Northeast Congo Lion

2024-04-14T22:22:45.896Z

right

my guess is

prisma

is checking username against email field lol...

which means username != email

Devon RexOP

2024-04-14T22:23:22.731Z

yeah how would i go about fixing that

where do i even look

Northeast Congo Lion

2024-04-14T22:23:39.130Z

well the fact is prisma is comparing email against username

so it'll fail

Devon RexOP

2024-04-14T22:23:48.466Z

const dbUser = await prisma.user.findFirst({
                    where: { email: credentials.email || credentials.username},
                });

I did this

Northeast Congo Lion

2024-04-14T22:23:52.145Z

it still won't work

Devon RexOP

2024-04-14T22:24:05.891Z

so what should i do

Northeast Congo Lion

2024-04-14T22:24:08.457Z

if u have username property inside prisma

Devon RexOP

2024-04-14T22:24:34.410Z

Northeast Congo Lion

2024-04-14T22:24:38.859Z

so submit either username: username

or email:email

dont mix them up

then in authorise function, u could do

let query = {};

if (credentials.username) query.username = credentials.username;

if (credentials.email) query.email = credentials.email;

const dbUser = await prisma.user.findFirst({ where: query });

Devon RexOP

2024-04-14T22:28:30.872Z

woah thanks, let me see if it works

it still didnt work for username... only email

Northeast Congo Lion

2024-04-14T22:29:08.150Z

make sure

to change ur signIn()

and pass in username: and email:

don't worry if ur passing in null user or null email

Devon RexOP

2024-04-14T22:29:33.781Z

ohhh right

Northeast Congo Lion

2024-04-14T22:29:37.454Z

at least one should be populated, so the query will be valid

u can improve the code ofc to be more robust

Devon RexOP

2024-04-14T22:30:20.144Z

 const signInResponse = await signIn('login', {
            username: data.get('username'),
            email: data.get('username'),
            password: data.get('password'),
            redirect: false,
        });

like this?

oh wait

ill change the email thing

yeah now email and username dont work

Northeast Congo Lion

2024-04-14T22:31:44.790Z

check the value of query

before running the findFirst

Devon RexOP

2024-04-14T22:36:04.355Z

let query: { username?: string, email?: string } = {};

                if (credentials.username !== null) query.username = credentials.username;

                if (credentials.email !== null) query.email = credentials.email;

                console.log("Query:", query);

                const dbUser = await prisma.user.findFirst({ where: query });

thats my code

Northeast Congo Lion

2024-04-14T22:36:32.762Z

and terminal shows?

Devon RexOP

2024-04-14T22:36:34.551Z

Query: { username: 'null', email: 'usernametest' }
POST /api/auth/callback/login 401 in 34ms
GET /api/auth/providers 200 in 30ms
GET /api/auth/csrf 200 in 10ms
Query: { username: 'null', email: 'emailtest@t.om' }
POST /api/auth/callback/login 401 in 14ms
GET /api/auth/providers 200 in 28ms
GET /api/auth/csrf 200 in 12ms

why does usernametest go into email

Northeast Congo Lion

2024-04-14T22:38:04.674Z

i think there must be a value passed in from credentials

Devon RexOP

2024-04-14T22:38:19.898Z

where

Northeast Congo Lion

2024-04-14T22:38:48.803Z

e.g credentials.username is not null

Devon RexOP

2024-04-14T22:39:02.477Z

so should i add null checks

i dont understand

Northeast Congo Lion

2024-04-14T22:40:24.376Z

solution would be to modify frontned actually

so only pass email to signIn if email not null

same with usernae

so if i use email/pass, only send email/pass to signIn

if i use username/pass, only send username/pass

Devon RexOP

2024-04-14T22:41:10.673Z

well how does the form know if username or email is in the field

 <form className='' onSubmit={handleSubmit}>
            {error && (
                <span className=''>{error}</span>
            )}

            <input type='text' name='email' placeholder='Username or Email' required className=''></input>
            <input type='password' name='password' placeholder='Password' required className=''></input>
            <button type='submit' className=''>Log in</button>
        </form>

this is my form

Northeast Congo Lion

2024-04-14T22:43:35.374Z

i need to understand how prisma is set-up

Devon RexOP

2024-04-14T22:43:41.795Z

alright what do u wanna see

prisma.ts?

Northeast Congo Lion

2024-04-14T22:43:46.686Z

user schema

because right now

Devon RexOP

2024-04-14T22:44:05.671Z

model User {
  id        Int       @id @default(autoincrement())
  username  String
  email     String    @unique
  password  String
  createdAt DateTime  @default(now())
}

Northeast Congo Lion

2024-04-14T22:44:10.010Z

yeah so

u can't expect

only having email input

but expect to receive username value

Devon RexOP

2024-04-14T22:44:38.716Z

yeah ur right

Northeast Congo Lion

2024-04-14T22:44:40.079Z

then in prisma u have username/email separate columns

so comparing username == email is why it broke in first place.

Devon RexOP

2024-04-14T22:45:06.060Z

so what should i do

Northeast Congo Lion

2024-04-14T22:45:28.995Z

maybe u can do $or in prisma?

like where: { email: username } or { email: email }

Devon RexOP

2024-04-14T22:46:27.952Z

should i remove the query stuff then

and go back to the original thing

Northeast Congo Lion

2024-04-14T22:47:36.301Z

well u need to

sort of re-evaluate how ur doing everything

i dont think ur thinking the logic through properly

Devon RexOP

2024-04-14T22:48:03.882Z

honestly im confused how everything is linked

Northeast Congo Lion

2024-04-14T22:48:09.838Z

ur on the right track

but instead of allowing username or email

perhaps just choose one for now

Devon RexOP

2024-04-14T22:48:30.606Z

yeah maybe ill implement that later

Northeast Congo Lion

2024-04-14T22:48:37.265Z

lets walk before you run

Devon RexOP

2024-04-14T22:48:58.262Z

smart

Northeast Congo Lion

2024-04-14T22:49:24.427Z

im happy to provide u some mentoring if u need

u can add me

Devon RexOP

2024-04-14T22:49:39.794Z

thanks man, ur a lifesaver

for now im going to go with an email only approach

Northeast Congo Lion

2024-04-14T22:50:35.127Z

sure glad i can help

Devon RexOP

2024-04-14T23:05:47.270Z

i have no idea what happened now regular auth with just email doesnt work

but my code is identical from when is was working

(atleast im pretty sure it is)

{
email: 'test@t.com',
password: 'root',
redirect: 'false',
csrfToken: 'ecbc60dbd520a5c58dcb948352bd320a2f5dd3aef3fa3588f3b163301452559b',
callbackUrl: 'http://localhost:3000/login',
json: 'true'
}

theres no reason it shouldnt be working

Northeast Congo Lion

2024-04-14T23:08:44.337Z

Is the if statement passing

Devon RexOP

2024-04-14T23:09:02.435Z

if (signInResponse && !signInResponse.error) {
            router.push('/ai');
        } else {
            setError("Invalid credentials. Please try again.")
        }

here is where its failing

Northeast Congo Lion

2024-04-14T23:09:21.395Z

Okay I mean the if statement inside ur auth options

Devon RexOP

2024-04-14T23:09:21.943Z

const signInResponse = await signIn('login', {
            email: data.get('email'),
            password: data.get('password'),
            redirect: false,
        });

Northeast Congo Lion

2024-04-14T23:09:25.641Z

Please check the authorise

Devon RexOP

2024-04-14T23:09:48.778Z

looks fine

async authorize(credentials) {
                if (!credentials || !credentials.email || !credentials.password)
                    return null;

                console.log(credentials)

                const dbUser = await prisma.user.findFirst({
                    where: { email: credentials.email },
                });

                //encrypt w/ bcrypt
                if (dbUser && dbUser.password === credentials.password) {
                    const { password, createdAt, id, ...dbUserWithoutPassword } = dbUser;
                    return dbUserWithoutPassword as User;
                }

                return null;
            },

Northeast Congo Lion

2024-04-14T23:10:33.399Z

Console log inside the if statement lol

Quickly check if it is passing

Or console the if statement equation

Devon RexOP

2024-04-14T23:11:40.013Z

uh no

if (dbUser && dbUser.password === credentials.password) {
                    const { password, createdAt, id, ...dbUserWithoutPassword } = dbUser;
                    console.log("pass")
                    return dbUserWithoutPassword as User;
                }

nothing is being logged

Northeast Congo Lion

2024-04-14T23:12:18.672Z

So ur if statement is failing

Figure out why and that’ll solve it

Log the user check it

Same with Password

Devon RexOP

2024-04-14T23:13:41.363Z

well the credentails object

@Devon Rex { email: 'test@t.com', password: 'root', redirect: 'false', csrfToken: 'ecbc60dbd520a5c58dcb948352bd320a2f5dd3aef3fa3588f3b163301452559b', callbackUrl: 'http://localhost:3000/login', json: 'true' }

Devon RexOP

2024-04-14T23:13:50.224Z

reutrns this

returns*

Northeast Congo Lion

2024-04-14T23:14:22.176Z

Console log the user

And see what that is

Devon RexOP

2024-04-14T23:14:38.279Z

im not authenticating with user anymore

only email

Northeast Congo Lion

2024-04-14T23:14:50.790Z

Log dbUser lol

From prisma

Devon RexOP

2024-04-14T23:15:00.463Z

ohhh

nothing is being logged

Northeast Congo Lion

2024-04-14T23:15:28.406Z

So your user is null

Devon RexOP

2024-04-14T23:15:34.273Z

how

Northeast Congo Lion

2024-04-14T23:15:36.659Z

I don’t know prisma so I can’t help there

Devon RexOP

2024-04-14T23:15:41.470Z

const dbUser = await prisma.user.findFirst({
                    where: { email: credentials.email },
                });

this isnt working then

its not finding a user with the email

Northeast Congo Lion

2024-04-14T23:16:08.716Z

Does the user exist

In the database ..?

Devon RexOP

2024-04-14T23:16:19.985Z

yeah i checked with an online sqlite explorer

its def there

i bet you its a really small issue

Northeast Congo Lion

2024-04-14T23:17:03.199Z

And password is right?

Actually nvm

Devon RexOP

2024-04-14T23:17:08.716Z

yep

Northeast Congo Lion

2024-04-14T23:17:13.494Z

It’s the user find failing

Maybe

Devon RexOP

2024-04-14T23:18:09.375Z

yeah

Northeast Congo Lion

2024-04-14T23:18:13.524Z

Extra , in the find

See it after where:

Idk if that will cause issue tho

Syntax maybe

Devon RexOP

2024-04-14T23:18:46.306Z

imagine if it was that

let me check

Northeast Congo Lion

2024-04-14T23:18:57.905Z

I think ur editor should highlight

Devon RexOP

2024-04-14T23:18:58.848Z

nah it still didnt work lmao

yeah it didnt highlight

gonna reset the db

didnt work :-(

Northeast Congo Lion

2024-04-14T23:20:06.745Z

Huh

The code is what you had before right

Devon RexOP

2024-04-14T23:21:36.270Z

well yeah i think so

i think i missed something

Invalid prisma.user.findFirst() invocation:

The column main.User.username does not exist in the current database.

huh??

WHAT IS WRONG WITH THIS

im removing prisma

ok... guess what the error

was

visual studio code displaying the code wrong, i opened the same file in notepad and the text was different

thanks vscode!!

Northeast Congo Lion

2024-04-14T23:35:54.570Z

Hah

@Northeast Congo Lion Hah

Devon RexOP

2024-04-15T00:43:30.870Z

Do you know how I can access the username from the session object?

Sorry for all the questions first time doing next auth

const session = await getServerSession(authConfig);

I need to get the username from this session

@Devon Rex Do you know how I can access the username from the session object?

Northeast Congo Lion

2024-04-15T07:47:19.014Z

My advice if you’re learning is to read the docs first if unsure

If you can’t understand ask away in thread but docs are p good