Scroll to top não funciona

HTML

 <div class="button" id="btnscrollToTop">
        <i class="fas fa-arrow-up"></i>
    </div>

JavaScript

const btnScrollToTop = document.getElementById("btnscrollToTop");

btnScrollToTop.addEventListener("click", function () {

    window.scrollTo({
        top: 0,
        left: 0,
        behavior: "smooth"
    })
})

CSS

#btnscrollToTop{
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;

}

#btnscrollToTop:active {
    background: #4837ff;
}

Não entendo o porquê não está funcionando, não sei o que está errado, e por mais que eu fique lendo e relendo, não consigo achar o erro