Problème de compatibilité entre les versions 3 et 4 de next-auth

Question

Je crois que vous utilisez la v3 de next-auth, et en s'installant c'est la v4 qu'on installe, c'est pourquoi j'ai des soucis pour me connecter. import Providers from 'next-auth/providers' not found.

Benjamin Carriou · Accepted Answer

Hello,
Je poste cela au cas où si quelqu'un utilise comme moi la v4.
Voici mon [...nextauth].js:
import NextAuth from 'next-auth';
import CredentialsProvider from 'next-auth/providers/credentials';
import { connectToDatabase } from '@/helpers/mongodb-client';
import { verifyPassword } from '@/helpers/auth';
export const authOptions = {
session: {
maxAge: 30 * 24 * 60 * 60, // 30 days
generateSessionToken: () => {
return randomUUID?.() ?? randomBytes(32).toString('hex');
},
},
providers: [
CredentialsProvider({
async authorize(credentials) {
const { email, password } = credentials;
const clientMongoDB = await connectToDatabase('portfolio');
const user = await clientMongoDB
.db()
.collection('users')
.findOne({ email: email });
if (!user) {
clientMongoDB.close();
throw new Error(
'Unable to authenticate, please check your credentials'
);
}
const isValid = await verifyPassword(password, user.password);
if (!isValid) {
clientMongoDB.close();
throw new Error(
'Unable to authenticate, please check your credentials'
);
}
clientMongoDB.close();
return {
email: user.email,
name: user.pseudo,
};
},
}),
],
};
export default NextAuth(authOptions);

Louis-Nicolas Leuillet · Answer

Je vous invite à utiliser la v3. Le cours est en train d'être mis à jour pour utiliser la dernière version de next-auth.

Mmadi Abdou · Answer

Pour pouvoir utiliser la v3, il faudrait react@17.0.* et NEXT 12.2.4 installe automatiquement react@18.2.* . J'ai cherché comment installer NEXT@11.1.4 , je n'ai pas trouvé. Comment peut-on installer une version antérieure de Next.js ? Ou est-ce qu'on peut rétrograder l'installation ? C'est-à-dire, NEXT12 à NEXT11 ?

Problème de compatibilité entre les versions 3 et 4 de next-auth

Développez des applications full-stack en JavaScript avec NextJS et React