Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
routeChangeStart para exibir um modal de confirmação ou prevenir navegações indesejadas. Entretanto, no Next.js 13, com o novo app router, essa abordagem não funciona mais diretamente.
usePathname ou useRouter, e então implementar uma lógica de confirmação antes de permitir a navegação.
Contem suas experiências e dicas para melhorar a experiência do usuário nesse cenário.
Vamos debater?
Vim passando por isso na migração também. Também vale definir quem revisa quando o fluxo sair do caminho feliz.
Pois é, o ponto é que no Next 13 a gente precisa pensar em como desacoplar essa lógica pra não impactar o desempenho. Acho que uma abordagem usando o navegador para detectar tentativas de fechar ou navegar é mais segura.
Cara, na minha experiência, o segredo é criar um hook customizado que escuta a rota e exibe um modal de confirmação, tipo um before unload, mas integrado ao Next. Ainda não achei uma solução perfeita, mas funciona bem pra UX. Sem esse cuidado, a automação pode só esconder o problema por mais tempo.
😅