Estoy tratando de iniciar un modal cuando recargo la página, sin embargo, aparece una vez que presiono cancelar en el evento de Chrome, ¿cómo puedo hacer que se inicie sin el evento de Chrome?

Este es mi código:

 @HostListener('window:beforeunload', ['$event']) onbeforeunload(event: any): void { this.modalService.open('modal'); event.preventDefault(); event.returnValue = false; }