React-firebaseui: Cannot read properties of undefined (reading 'initializeApp')

[mankinchi]

Version info

React: 17.0.2

Firebase: 9.1.3

ReactFire: 4.2.0

react-firebaseui: 5.0.2

Test case

Main component

Layout component

You can see that the provider is set up correctly

Component

Expected behavior

FirebaseUI to work correctly.

Side question: How can I grab the provider ID for firebase auth? Should I grab it straight from firebase/auth instead of using useAuth hook?

Actual behavior

Error

[nbangba]

i am facing the same problem

[jhuleatt]

Hi @mankinchi and @nbangba, v6 of react-firebaseui only works with the compat imports of Firebase v9, described here: firebase/firebaseui-web-react#158 (comment)

There's also a discussion about this here: #474. I'll try to post an example of how to use FirebaseUI react-firebaseui v6 alongside ReactFire v4 soon.

[Imprasna]

I want to fix this, but I don't know what am I supposed to do. Can anyone help me fix this issue please.

[jhuleatt]

I posted a workaround here: #474 (comment)

Please give it a try and comment in that discussion if it isn't working :)