diff --git a/README.md b/README.md index 67177ed7..660b2ba1 100644 --- a/README.md +++ b/README.md @@ -48,7 +48,8 @@ Below is an example on how to use `FirebaseAuth` with a redirect upon sign-in: // Import FirebaseAuth and firebase. import React from 'react'; import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth'; -import firebase from 'firebase'; +import firebase from 'firebase/compat/app'; +import 'firebase/compat/auth'; // Configure Firebase. const config = { @@ -67,32 +68,33 @@ const uiConfig = { // We will display Google and Facebook as auth providers. signInOptions: [ firebase.auth.GoogleAuthProvider.PROVIDER_ID, - firebase.auth.FacebookAuthProvider.PROVIDER_ID - ] + firebase.auth.FacebookAuthProvider.PROVIDER_ID, + ], }; -class SignInScreen extends React.Component { - render() { - return ( -
Please sign-in:
-Please sign-in:
+Please sign-in:
-Welcome {firebase.auth().currentUser.displayName}! You are now signed-in!
- firebase.auth().signOut()}>Sign-out +Please sign-in:
+Welcome {firebase.auth().currentUser.displayName}! You are now signed-in!
+ firebase.auth().signOut()}>Sign-out +Please sign-in:
-Please sign-in:
+Please sign-in:
-Please sign-in:
+Please sign-in:
-Welcome {firebase.auth().currentUser.displayName}! You are now signed-in!
- firebase.auth().signOut()}>Sign-out +Please sign-in:
+Welcome {firebase.auth().currentUser.displayName}! You are now signed-in!
+ firebase.auth().signOut()}>Sign-out +Please sign-in:
-Please sign-in:
+