Angularfire: [auth] auth is undefined on first click

[atb00ker]

Version info

Angular:
9.0.3 (Ivy)
Firebase:
7.8.0
AngularFire:
6.0.0-rc.1
Other:
OS: Debian Buster
Browser: Mozilla Firefox 68.5.0esr
npm: 6.13.7
node: v13.9.0

How to reproduce these conditions

Steps to set up and reproduce

Follow the tutorial here or any tutorial to setup authentication in a new project.

Debug output

* Errors in the JavaScript console *

ERROR TypeError: "firebase_app__WEBPACK_IMPORTED_MODULE_1__.auth is undefined"
    loginBegin auth.service.ts:27
    NavComponent_li_17_Template_a_click_1_listener nav.component.html:34
    Angular 10
core.js:5882:19

Expected behavior

I chick login button and login should work on first click. Instead of showing the error.

Actual behavior

I click login, I see the error on the console. Then I click the login button again, on second click, I am able to login.

[atb00ker]

P.S: I just tried with version 5 and everything worked -- It must be a change in version 6 branch! :smile:

[ArtisanvsDev]

I am not sure if this is related but I fix a similar issue by importing the auth module like this:

import { AngularFireAuth } from '@angular/fire/auth';
import { firebase } from '@firebase/app';
import '@firebase/auth';