Expected: point cursor on toast prevents disappearing

Actual: point cursor on toast, but it disappears after delay anyway. What should I do to stop toast disappearing if cursor is pointed on it?

openToast(): void {
const notificationTypes = ['success','warning','info','danger'];
this.notificationRef = this.notificationService.open(ToastComponent, { 
  data: { 
    toastText: 'Custom message from main form',
    notificationType: notificationTypes[0],
  },
  position: 'top-center',
  stacking: true, 
  offset: 100,
  autohide: true,
  delay: 2000,
});

}

ToastComponent HTML

TS:

import { Component } from '@angular/core';

import { MdbNotificationRef } from 'mdb-angular-ui-kit/notification';

@Component({ selector: 'app-toast', templateUrl: './toast.component.html', }) export class ToastComponent { toastText: string | null = null; notificationType:string | null = 'danger'; constructor(public notificationRef: MdbNotificationRef) {} }