自定义会话下一个 js 下一个身份验证

如何解决自定义会话下一个 js 下一个身份验证

在迁移我的 js 文件 jo tsx 时遇到问题，我正在做的是使用凭据登录并将会话用户自定义为我的用户数据

// api/auth/[...nextauth].js

import NextAuth from "next-auth";
import Providers from "next-auth/providers";
import { ConnectDatabase } from "../../../lib/db";
import { VertifyPassword } from "../../../lib/password";
import { getSelectedUser } from "../../../helpers/database";
import { MongoClient } from "mongodb";
import { NextApiRequest } from "next";

interface credentialsData {
 data: string | number;
 password: string;
}
export default NextAuth({
 session: {
   jwt: true,},callbacks: {
   async session(session) {
     const data = await getSelectedUser(session.user.email);
     session.user = data.userData;

// inside data.userdata is a object
// {
//   _id: '60a92f328dc04f58207388d1',//   email: '[e-mail]',//   phone: '087864810221',//   point: 0,//   role: 'user',//   accountstatus: 'false'
// }
     return Promise.resolve(session);
   },providers: [
   Providers.Credentials({
     async authorize(credentials: credentialsData,req: NextApiRequest) {
       let client;
       try {
         client = await ConnectDatabase();
       } catch (error) {
         throw new Error("Failed connet to database.");
       }

       const checkEmail = await client
         .db()
         .collection("users")
         .findOne({ email: credentials.data });
       const checkPhone = await client
         .db()
         .collection("users")
         .findOne({ phone: credentials.data });

       let validData = {
         password: "",email: "",};

       if (!checkEmail && !checkPhone) {
         client.close();
         throw new Error("Email atau No HP tidak terdaftar.");
       } else if (checkEmail) {
         validData = checkEmail;
       } else if (checkPhone) {
         validData = checkPhone;
       }

       const checkPassword = await VertifyPassword(
         credentials.password,validData.password
       );
       if (!checkPassword) {
         client.close();
         throw new Error("Password Salah.");
       }
       client.close();

// inside validData is a object
// {
//   _id: '60a92f328dc04f58207388d1',//   accountstatus: 'false'
// }

       return validData;
     },}),],});
// as default provider just return session.user just return email,name,and image,but I want custom the session.user to user data what I got from dababase

这在客户端

// index.tsx

export const getServerSideProps: GetServerSideProps<{
  session: Session | null;
}> = async (context) => {
  const session = await getSession({ req: context.req });

  if (session) {
    if (session.user?.role === "admin") {
      return {
        redirect: {
          destination: "/admin/home",permanent: false,};
    }
  }
  return {
    props: {
      session,};
};

但在客户端我收到警告

Property 'role' does not exist on type '{ name?: string; email?: string; image?: string; 

实际上我的文件仍然可以正常工作，但是当我的文件为 js 格式时，它不会发出这样的警告

有人可以帮我解决吗？

解决方法

不确定您是否找到了解决方法，但您还需要配置 jwt 回调！这是我的一个项目的示例：

wc_stripe_payment_metadata

解释事情。 jwt 函数总是在 session 之前运行，所以你传递给 jwt token 的任何数据都可以在 session 函数上使用，你可以用它做任何你想做的事情。在 jwt 函数中，我检查是否有用户，因为这仅在您登录时返回数据。