FirebaseUI-Angular | A wrapper for FirebaseUI in Angular | Authentication library

You need to inject Router not RouterModule

The issue is your angular code not the firebase-ui npm package. If you remove the *ngIf="!afAuth.auth.currentUser" from the div in your login.component.html then you will see that the callback "successCallback(signInSuccessData)" gets called after successfull login with email .

Dont use route snapshot but rather listen to route change. Router have event for that that you can subscribe to. Update your "return" URL accordingly.

I found the problem. I'll leave this here in case other people try to wrap all their firebase logic into a shared library.

In my application, both my frontend and my backend touch Firestore. To ease maintenance, I pulled all Firestore access into its own library that receives an instance of the firestore object from the app (frontend or backend). To say that simply, my front end or backend create and configure an instance of firestore, then pass that object to my shared library. Now I only have to edit firestore paths and logic in 1 place.

The problem arises with Delete and having my shared library import firebase and using an instance of firebase.firestore.FieldValue.delete(). The way firestore is written, my application can handle the FieldValue.delete() from my app. But will vomit if it receives the FieldValue.delete() imported from my shared library. Even if the versions are the same, Javascript "instanceOf()" says FieldValue from one shared library is different than the app instance.

Alright, I found a way to perform the requested action:

first declare a property in the component class: