Modifying the Auth state persistence returns Type Error "Cannot read property 'Persistence' of undefined"

Hi there, I’ve read the docs and I want to make it so that the authentication only lasts for until they close the tab or window, and not forever. Right now, closing and re-opening the window still leaves the user logged in.

I’ve tried two solutions: Putting the setPersistence() method in the firebase file:

import Rebase from 're-base'
import firebase from 'firebase'
const facebookProvider = new firebase.auth.FacebookAuthProvider()
const googleProvider = new firebase.auth.GoogleAuthProvider();
var config = {
    apiKey: "
    authDomain: "t
    databaseURL: "
    projectId: 
    storageBucket: "
    messagingSenderId: 
  };

const app = firebase.initializeApp(config)
>>>app.auth().setPersistence(app.auth.Auth.Persistence.SESSION)<<<
const base = Rebase.createClass(app.database())

export { app, base, facebookProvider, googleProvider }

and right at the moment of logging in where the login method is chained as a promise to the setPersistence() method.

app.auth().fetchProvidersForEmail(email)
    .then((providers) => {

        // if (providers.length === 0) {
        //     // create user

        //     return app.auth().createUserWithEmailAndPassword(email, password)
        //     console.log("made a a new user")
        // } else 
        if (providers.indexOf("password") === -1) {
            // they used facebook
            this.loginFormReset();
            this.changeSnackbarMessage("Hmm... We don't have an account with that email.");
            this.handleSnackbarClick();

        } else {


          >>> firebase.auth().setPersistence(firebase.auth.Auth.Persistence.SESSION) <<<
             .then(function() {
                   app.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
                       // Handle Errors here.
                       var errorCode = error.code;
                       var errorMessage = error.message;
                       console.log(errorCode);
                       if (errorCode === 'auth/wrong-password') {
                                  alert(':-( Kindly check if your username and password are correct.');
                                } else {
                              alert(errorMessage);
                                }
                                console.log(error);
                       // ...
                     });
                 })
             .catch(function(error) {
               // Handle Errors here.
               var errorCode = error.code;
               var errorMessage = error.message;
             });

           // var errorCode = e.code;
           // var errorMessage = e.message;
           // this.changeSnackbarMessage("/:/( Kindly check if your username and password are correct.");
           // this.handleSnackbarClick();
        }
    })

Both instances give the error

TypeError: Cannot read property 'Persistence' of undefined

and point to the line: firebase.auth().setPersistence(firebase.auth.Auth.Persistence.SESSION)

[nicolasgarnier]

This should work:

import firebase from 'firebase/app';
import 'firebase/auth';

console.log(firebase.auth.Auth.Persistence.SESSION);

app.auth.Auth won’t work, normally you should do firebase.auth.Auth

[nicolasgarnier]

Closing for inactivity.