Error: An AuthUI instance already exists for the key "[DEFAULT]"

• Operating System version: Cordova, Android, iOS
• Firebase SDK version: 4.4.0
• Firebase Product: phone number auth

I am trying to get Firebase PhoneNumber Auth work in Cordova app based on MeteorJS. Meteor is a single-page app framework that dynamically renders the DOM on the client.

I placed the Firebase UI widget on a bootstrap dialog which is created when the user wants to authenticate. This works for the first time. But if the user dismisses my dialog and opens it again, Firebase throws this exception:

Error: An AuthUI instance already exists for the key "[DEFAULT]"

It seems as if the UI framework doesn’t expect that a widget will be mounted more than once over time. But in an SPA, this is quite normal. How can a workaround this limitation?

Is it possible to destruct the widget programmatically somehow?

[bvamos]

To avoid this error I do this in the constructor of my Login page component: this.ui = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebase.auth());

[bojeil-google]

This is a duplicate of a previous issue that was solved. We added a global getter for a UI instance already and we added a delete option to allow you to delete an existing UI instance (ui.delete()) and initiate a new UI instance. It is documented in the README.