I am trying to launch a modal when reloading the page, however it appears once I hit cancel in the chrome event, how can I make it launch without the chrome event?

This is my code:

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