can't close the duplicate toast

[GulabSinghSikarwar]

i am simply showing toast on angular in standalone , method :
providers: [provideAnimations(), // required animations providers
provideToastr({
// Duration for the toast message to be displayed
positionClass: 'toast-bottom-right', // Position of the toast
countDuplicates: true,
preventDuplicates: true,
closeButton: true,

}),

and Using in the another component , then showing two (duplicate) toast , first one get auto removed but second stays there only and does not closes even after clicking on close button