add comment

// los componentes que necesiten acceder al estado de autenticación, importarán AuthContext

const AuthContext = createContext(defaultProvider)

// ** AuthProvider -> componente que envuelve a la aplicación entera

// ** AUTH PROVIDER -> COMPONENTE QUE ENVUELVE A LA APLICACIÓN ENTERA

const AuthProvider = ({ children }) => {

  // ** States -> solo local para este componente, useState (por defecto, el usuario es null)

  const [user, setUser] = useState(defaultProvider.user)

  const [loading, setLoading] = useState(defaultProvider.loading)

  // ** Hooks

  // useRouter() -> hook de next que nos permite acceder a la ruta actual

  const router = useRouter()

  const router = useRouter() // useRouter() -> hook de next que nos permite acceder a la ruta actual

  // console.log('URL de env: ', process.env.NEXT_PUBLIC_API_URL)

      console.log('storedAccessToken: ', storedAccessToken)

      console.log('authConfig.meEndpoint: ', authConfig.meEndpoint)

      if (storedAccessToken) {

      if (storedAccessToken) { // la primera vez que se ejecute no entrará por aquí logicamente pues no hay token de acceso aún

        setLoading(true)

        try {

          console.log("Entró por donde el token existe")

  const handleLogin = async (params, errorCallback) => {

    try {

      console.log('Entró por handleLogin')

      const formData = new FormData()

      formData.append('username', params.username)

      formData.append('password', params.password)

    logout: handleLogout

  }

  return <AuthContext.Provider value={values}>{children}</AuthContext.Provider>

  return <AuthContext.Provider

               value={values}>{children}

          </AuthContext.Provider>

}

export { AuthContext, AuthProvider }