Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Inicio y cierre de sesión

5/11
Recursos

Aportes 3

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Dejo mi commit como referencia - Commit link.

Contiene las actualizaciones de la version 4 y los tags para la seccion del login.
A la descripcion de la clase le falto ser mas clara, estuve revisando los commits y no encontre uno con el proceso exacto de la clase asi que toco hacerlo a mano.

Les comparto como se vería el código con la librería actualizada

// components/Header/TopArea.tsx

...

const LoginLogout = () => {
  const { data: session, status } = useSession() // obteniendo status
  const { t } = useTranslation(['common'])

  if (status === 'loading') return null // si esta cargando no mostrar nada

  if (!session) return <Button onClick={() => signIn()}>{t('signIn')}</Button>

  return (
    <>
      <span>{session.user?.name}</span>
      <Button onClick={() => signOut()}>{t('signOut')}</Button>
    </>
  )
}

...
import { signOut, signIn, useSession } from "next-auth/react"