El proveedor de Google funciona perfectamente bien en Chrome y otros navegadores, pero no funciona en Safari. Parece que no puedo encontrar nada relevante en la documentación aquí.
Así es como se declara mi proveedor en [...nextauth].js
import NextAuth from "next-auth"; import CredentialsProvider from "next-auth/providers/credentials"; import GoogleProvider from "next-auth/providers/google"; import FacebookProvider from "next-auth/providers/facebook"; export default NextAuth({ debug: true, providers: [ GoogleProvider({ clientId: process.env.GOOGLE_CLIENT_ID, clientSecret: process.env.GOOGLE_CLIENT_SECRET, state: false, authorizationUrl: 'https://accounts.google.com/o/oauth2/v2/auth?prompt=consent&access_type=offline&response_type=code', }), ...La función que llama a iniciar sesión con Google
async function signInWithGoogle() { const res: any = await signIn("google"); if (res && res.error) { setErrorMsg(res.error); setShowError(true); } else if(!res) { router.push("/account-error") } else { router.push("/somepage"); } }En safari, el objeto res siempre está indefinido. Puedo ver en los registros de la consola que la próxima autenticación puede generar una URL de autorización válida en [next-auth][debug][GET_AUTHORIZATION_URL] pero la aplicación no redirigiría solo en Safari.
Resulta que en Safari, la siguiente autenticación no resolvió la promesa. Eliminé el código donde verifiqué la resolución y funcionó bien. Se estaba redirigiendo sin que se completara la solicitud para iniciar sesión con Google. Dejar que se quede aquí en caso de que alguien tenga este problema.
Así que tu llamada de función debería ser simplemente
async function signInWithGoogle() { const res: any = await signIn("google"); }