Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

SignInOptions do not render on sign-in screen when logging out after making API call

Abierto
#51 4 comentarios 2 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, react
Área
authentication, frontend

Línea de trabajo

Comienza reproduciendo el flujo de logout descrito en el Authenticate component y compara el logout después de una llamada a la API con el logout antes de cualquier llamada a la API. Inspecciona cómo FirebaseAuth gestiona el remounting y las opciones de sign-in después de cambios en el estado de autenticación; la tarea está terminada cuando las opciones configuradas se renderizan en ambos casos.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

I am building an app using the react web UI and I've run into a very strange issue: whenever I logout of my app after I perform some type of API call (in this case, just a simple CRUD operation to the DB or uploading a photo to storage) I return to the sign-in screen however the signInOptions don't render via `<FirebaseAuth ... />.

If I logout without making any API call, the FirebaseAuth component and signInOptions render normally.

In both cases the uiConfig and app.auth are being passed properly to <FirebaseAuth ... />. I have no idea what to make of this.

If it helps, here is my auth screen component:

import * as React from 'react';
import * as firebaseui from 'firebaseui';
import * as firebase from 'firebase/app';
import FirebaseAuth from 'react-firebaseui/FirebaseAuth';
import * as app from '@/app';

class Authenticate extends React.Component<any, any> {
  render() {
    const uiConfig = {
      signInSuccessUrl: '/',
      signInOptions: [
        firebase.auth.EmailAuthProvider.PROVIDER_ID,
        firebase.auth.GoogleAuthProvider.PROVIDER_ID
      ],
      credentialHelper: firebaseui.auth.CredentialHelper.NONE
    }

    return  <div className="section authenticate">
              <FirebaseAuth uiConfig={uiConfig} firebaseAuth={app.auth}/>
            </div>; 
  }
}

export default Authenticate;
Lenguaje dominante
JavaScript
Estrellas
1.3k
Forks
246
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de firebase/firebaseui-web-react

Todos los issues de firebase/firebaseui-web-react

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.