Как оформить окно оповещения при обновлении страницы перед отправкой формы

Question

$(document).ready(function () {
  $('form').submit(function(){
      isSubmitting = true
  })
  $('form').data('initial-state', $('form').serialize());
  $(window).on('beforeunload', function() {

      return  Swal.fire({
        title: "Are you sure?",
        text: "Once deleted, you will not be able to recover this imaginary file!",
        icon: "warning",
        buttons: true,
        dangerMode: true,
      })
      .then((willDelete) => {
        if (!isSubmitting && $('form').serialize() != $('form').data('initial-state')){
          Swal.fire("Poof! Your imaginary file has been deleted!", {
            icon: "success",
          });
        } else {
          Swal.fire("Your imaginary file is safe!");
        }
      });
     // return 'You have unsaved changes which will not be saved.'

    }
  );
});

Я использую приведенный выше код для отображения оповещения при обновлении страницы.
Как отобразить окно оповещения о стиле настройки вместо стандартного в реакции или есть другой способ показать всплывающее окно