Single Page APP - erro no refresh quando não está no "/"

Olá, estou fazendo uma SPA própria baseada no curso aqui da Alura. As rotas estão funcionando, mas há um problema. Quando eu, por exemplo, aperto F5 numa url que não seja a "/" aparece esse erro para mim, por exemplo :

Como devo resolver?

Cannot GET /cadastro

Outra coisa que não conseguir resolver foi fazer a captura dos pathname na url de outra forma... Tentei dessa forma abaixo, mas no /editar não conseguia pegar os parâmetros para trazer os values, então tive que usar o roteamento do curso.

Há outras formas mais fáceis de se trabalhar com as urls sem precisar usar o pushState?

function init(){

    window.addEventListener('hashchange',()=>{
        container.innerHTML="";


        switch(window.location.hash){
                         case "":
               container.appendChild(home());                
                break;

             case "#cadastro":
                 container.appendChild(cadastro());                
                 break;

            case '#edita?id=3':
                container.appendChild(edita());                
                break;
             default:
                 container.appendChild(home());
                break;
         }

   })
 }
 window.addEventListener("load",()=>{
   container.appendChild(home());
    init();
})

Segue o git: https://github.com/Raul-Pinheiro/projetoPessoal-portalLivrosSPA