const user = await prisma.users.findFirst({
  where: {
    username: username
  },
  select: {
    password: true
  }
});

bcrypt.compare(oldpassword, storePassword)

async authorize(credentials, req) {
  const { login, password } = credentials!;

  const user = await prisma.user.findFirst({
    where: {
      OR: [
        { email: login },
        { username: login },
      ],
    },
  });

  if (!user) return null;

  if (await bcrypt.compare(password, user.password)) {
    return {
      id: user.id,
      email: user.email,
      username: user.username,
      name: user.displayName,
      isVerified: user.verified,
    };
  }
  return null;
}

'use client'
import React from 'react'
import styles from './page.module.css';
import { redirect } from 'next/navigation';
import useSWR from 'swr';
import { options } from '../api/auth/[...nextauth]/options';
import { getServerSession } from 'next-auth';

export default async function Dashboard() {
    const session = await getServerSession(options)


    return (
        <>
            {session ? (
                <div className={styles.container}>Dashboard {session.user}</div>
            ) : (
                redirect('/api/auth/signin')
            )
            }
        </>
    )
}

'use client'
import React from 'react'
import styles from './page.module.css';

export default async function Dashboard() {


    return (

        <div className={styles.container}>Dashboard {session.user}</div>

    )
}

import { useSession } from 'next-auth/react';

const { data: session } = useSession();

import React from 'react'
import styles from './page.module.css';
import { useSession } from 'next-auth/react';

export default async function Dashboard() {
    const { data: session } = useSession()

    return (

        <div className={styles.container}>Dashboard {session}</div>

    )
}

Error: async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server.

export { default } from 'next-auth/middleware'

export const config = { matcher: ['/dashboard'] }

import { React, useState } from 'react'
import style from './page.module.css'
import Link from 'next/link'
import { useRouter } from 'next/navigation'
import PasswordChecklist from 'react-password-checklist'
import bcrypt from 'bcrypt'

import { NextResponse } from 'next/server';
import crypto from 'node:crypto'
import { PrismaClient } from '@prisma/client';
import sendEmail from '../../../../components/mail/mailing';
import bcrypt from 'bcrypt'



export const POST = async (request) => {
    const prisma = new PrismaClient()
    const { username, email, password } = await request.json();
    let verified = crypto.randomBytes(32).toString('hex');
    const verifyEmail = `http://localhost:3001/verify/${verified}`;
    const hashPassword = bcrypt.hash(password, 10)
    const userExist = await prisma.users.findFirst({ where: { OR: [{ username }, { email }] } })

    if (userExist === null) {
        await prisma.users.create({ data: { username, email, hashPassword, verified } })
        await sendEmail(email, 'Biscuits Industrial Signup verification', verifyEmail)
        await prisma.$disconnect()
        return new NextResponse('Success!', { status: 201 })
    } else {
        await prisma.$disconnect()
        return new NextResponse("Sorry, username and or email already exists!", { status: 500 })
    }
};

callbacks: {
  jwt: async ({ token, user, account, profile, isNewUser }: any) => {
    if (user) {
      token.user = user;
    }
    if (account) {
      token.accessToken = account.access_token;
      token.refreshToken = account.refresh_token;
    }
    return token;
  },
  session: ({ session, token }: any) => {
    token.accessToken
    return {
      ...session,
      user: {
        ...session.user,
        ...token.user,
        accessToken: token.accessToken,
        refreshToken: token.refreshToken,
      },
    };
  },
},

"use client"
import { React, useState } from 'react'
import style from './page.module.css'
import Link from 'next/link'
import { signIn } from 'next-auth/react'

const Login = () => {

    const handleSubmit = async (e) => {
        e.preventDefault()

        const username = e.target[0].value
        const password = e.target[1].value
        signIn('Credentials', { username, password })


    }
    return (
        <div className={style.container}>
            Login :D
            <form className={style.form} onSubmit={handleSubmit}>
                <input
                    type='text'
                    placeholder='username'
                    className={style.input}
                    required
                />
                <input
                    type='password'
                    placeholder='password'
                    className={style.input}
                    required
                />
                <button className={style.button}>Login</button>
            </form>
            <Link href='/dashboard/register'>Need an account?</Link>

        </div>
    )
}

export default Login

    pages: ({
        signIn: '/dashboard/login'
    })

http://localhost:3000/dashboard/login?callbackUrl=http%3A%2F%2Flocalhost%3A3000%2Fdashboard%2Flogin