Project fails to start on 8.6.4

[yeegor]

Describe your environment

• Operating System version: macOS Big Sur 11.2.3
• Browser version: unrelated
• Firebase SDK version: 8.6.4
• Firebase Product: firebase

Describe the problem

Steps to reproduce:

1. Initialize the application with create-react-app
2. Install yarn add [email protected]
3. Have the sample code (from below) in any component
4. Start the application, receive the following error:

$ react-scripts build
Creating an optimized production build...
Failed to compile.

./node_modules/@firebase/firestore/dist/esm5/prebuilt-db9cc925-eb007c37.js
Attempted import error: 'FetchXmlHttpFactory' is not exported from '@firebase/webchannel-wrapper' (imported as 'v').

5. Roll one version back yarn add [email protected]
6. See that the project starts properly

Relevant Code:

import firebase from 'firebase';

class SignIn extends PureComponent {
    componentDidMount() {
        const provider = new firebase.auth.GoogleAuthProvider()
        firebase.auth().signInWithRedirect(provider)
    }
}

[google-oss-bot]

I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.

[Auxx]

Same stuff here. Downgraded to 8.6.3 and everything works.

I started a brand new Angular project following @angular/fire quick start guide https://github.com/angular/angularfire/blob/master/docs/install-and-setup.md

[jdevalez]

this is duplicate of #4977

[looptheloop88]

Hi @yeegor, thanks for the report. I will mark this issue as duplicate of #4977.