createUserWithEmailAndPassword redirect causes an error - authentication

Question

I want to redirect a user to a part of my site after signup, not signin
So at the end of the createUserWithEmailAndPassword function I change the window.location and it all works fine, I do get an error since the function was interrupted
How do I avoid this? There's signInWithRedirect and getRedirectResult but the Firebase documentation doesn't include email as a provider, only facebook
I can try-catch the error but perhaps there's a more elegant way to tackle this?
function handleSignUp() {
var email = document.getElementById('email').value;
var password = document.getElementById('password').value;
if (email.length < 4) {
alert('Please enter an email address.');
return;
}
if (password.length < 4) {
alert('Please enter a password.');
return;
}
firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
var errorCode = error.code;
var errorMessage = error.message;
if (errorCode == 'auth/weak-password') {
alert('The password is too weak.');
} else {
alert(errorMessage);
}
console.log(error);
});
window.location = "/add-location";
}
// console error
A network error (such as timeout, interrupted connection or unreachable host) has occured.

Answer 1

Simply redirect after successful sign-up:
firebase.auth().createUserWithEmailAndPassword(email, password)
.then(function(user) {
window.location = "/add-location";
})
.catch(function(error) {
...
});
You were redirecting before the promise resolved, hence the interrupted operation error.

Answer 2

What about redirecting after login callback?
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
// User is signed in. So redirect:
window.location = "/add-location";
} else {
// No user is signed in.
}
});
As mentioned in the docs, after creation, auth status changes to logged in automatically so that will trigger the redirection after getting a successful login.