Я реализовал страницу входа с Google и Facebook на React.Код выглядит следующим образом:
import React from 'react';
import firebase from 'firebase';
import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth';
firebase.initializeApp({
apiKey: myKey,
authDomain: myDomain
})
class Welcome extends React.Component{
state ={
isSignedIn: false
}
uiConfig = {
signInFlow: "popup",
signInOptions: [
firebase.auth.GoogleAuthProvider.PROVIDER_ID,
firebase.auth.FacebookAuthProvider.PROVIDER_ID
],
callbacks:{
signInSuccess: () => false
}
}
componentDidMount = () => {
firebase.auth().onAuthStateChanged(user => {
this.setState({ isSignedIn: !!user })
console.log("user", user)
})
}
render(){
return(
<div className="Welcome">
{this.state.isSignedIn ?
<div>Signed In</div>
:
<StyledFirebaseAuth
uiConfig={this.uiConfig}
firebaseAuth={firebase.auth()}
/>
}
</div>
)
}
}
export default Welcome;
Когда я вхожу в систему с одним из провайдеров, генерируется тост, говорящий мне:
am(...).updateCurrentUser is not a function
Зависимость firebase, как установлено в package.json::
"firebase": "^4.10.1"
Я не смог найти ничего полезного на соответствующих форумах, и я новичок в React, может кто-нибудь подсказать мне, какова возможная причина?