Обновление браузера перезаписывает дочерний контент в Firebase

Я полный новичок в мире баз данных. Я пытаюсь использовать базу данных Firebase, и вот проблема, с которой я сталкиваюсь: я хочу создать простую подписку, в которой пользователь должен писать информацию, и эта информация должна храниться в базе данных Realtime. То есть, когда пользователь вводит свою информацию и нажимает кнопку «зарегистрироваться», должен быть создан пользователь 1, затем пользователь 2 вводит свою информацию, и пользователь 2 должен быть создан, но все они должны быть «дочерними элементами» одного уровня. Казалось, все работает нормально, я создал объект (в Javascript), затем добавил в базу данных как «дочерний элемент» с именем «пользователь 1», но когда я обновил страницу и ввел другую информацию для пользователя 2, эта информация перезаписала пользователя 1, но когда я просто удаляю информацию о пользователе 1 из полей ввода в браузере (без обновления) и ввожу информацию о пользователе 2, он создает второго «потомка» с именем пользователя 2, как и должно было быть, и это то, что я хочу быть. Вопрос в том, почему обновление браузера перезаписывает предыдущую информацию. Вот мой код js:

function submitClick(x){
    var firebaseRef = firebase.database().ref();
    user_number ++;
    firebaseRef.child("user" + " " + user_number).set(x);
}

function signup(){
    var first_name = document.getElementById("first_name").value;
    var last_name = document.getElementById("last_name").value;
    var username = document.getElementById("user_name").value;
    var password = document.getElementById("password").value;
    var obj = {
        First_Name: first_name,
        Last_Name: last_name,
        Username: username,
        Password: password
    }
    return obj;
}

var hold;
var user_number = 0;
submit_btn.onclick = function() {hold = signup(); submitClick(hold)};

а html - это просто поля ввода и кнопка с именем «зарегистрироваться»