Using NextAuth.js CredentialsProvider in TypeScript

Question

I'm using NextAuth JS CredentialsProvider in TypeScript but I got this error..

This expression is not callable.
Type 'typeof import("/Users/developer/nextjs-project/test/node_modules/next-auth/providers/index")' has no call signatures.ts(2349)

Sample code from NextAuth

CredentialsProvider({
      name: "Credentials",
      credentials: {
        username: { label: "Username", type: "text", placeholder: "jsmith" },
        password: { label: "Password", type: "password" }
      },
      async authorize(credentials, req) {
        const user = { id: "1", name: "J Smith", email: "[email protected]" }

        if (user) {
          return user
        } else {
          return null
        }
      }
    })

Ahmed Sbai · Accepted Answer · 2023-02-07 02:42:37Z

1

your import is incorrect you are importing from next-auth/providers. it is rather from next-auth/providers/credentials :

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

edited Feb 7, 2023 at 2:42

answered Feb 7, 2023 at 2:32

Ahmed Sbai

16.6k11 gold badges34 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using NextAuth.js CredentialsProvider in TypeScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related