fixed lint errors

package.json

@@ -26,6 +26,7 @@
     "react-dom": "^18"
   },
   "devDependencies": {
+    "@types/bcryptjs": "^2.4.6",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",

src/app/api/auth/[...nextauth]/options.ts

@@ -20,7 +20,7 @@ export const options: NextAuthOptions = {
           placeholder: "your-password",
         },
       },
-      async authorize(credentials, req) {
+      async authorize(credentials) {
         if (!credentials) {
           return null; // or throw an error
         }
@@ -29,7 +29,7 @@ export const options: NextAuthOptions = {
         // to verify with credentials
         // Docs: https://next-auth.js.org/configuration/providers/credentials
 
-        const user: User = await getUserByEmailServer(email);
+        const user: User | null = await getUserByEmailServer(email);
 
         // Check if user exists and if password matches
         if (user && (await compare(password, user.password))) {

src/app/api/user/route.ts

@@ -1,6 +1,6 @@
 import { PrismaClient } from "@prisma/client";
 import { NextRequest, NextResponse } from "next/server";
-import bcrypt from "bcrypt";
+import bcrypt from "bcryptjs";
 
 const prisma = new PrismaClient();
 
@@ -187,4 +187,3 @@ export const PUT = async (request: NextRequest) => {
     });
   }
 };
-

src/app/page.tsx

@@ -7,21 +7,21 @@ import ExampleSignUp from "@components/ExampleSignUp";
 
 export default function Home() {
   const [user, setUser] = useState<User | null>(null);
+  const [userID, setUserID] = useState<string>("");
 
   return (
     <div className="flex items-center justify-center h-screen flex-col space-y-4">
-      <CreateUserForm />
+      <CreateUserForm setUserID={setUserID} />
       <ExampleSignUp setUser={setUser} />
       {user && (
         <div>
           <h2>User Details:</h2>
           <p>Name: {user.firstName}</p>
           <p>Email: {user.email}</p>
+          <p>userID: {userID}</p>
           {/* Display other user details as needed */}
         </div>
       )}
     </div>
   );
 }
-
-