firebase
SignInOptions do not render on sign-in screen when logging out after making API call
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;
Did anyone ever figure this out? I'm still having an issue where after logging in and then subsequently logging out, the social auth buttons are no longer being rendered to the screen.
