Typescript me dio 2 errores en la variable toastMixin y en el objeto de animación. No encontré ninguna solución para solucionarlo.
Error:
let toastMixin: typeof Swal No overload matches this call. Overload 1 of 2, '(options: SweetAlertOptions<any, any>): Promise<SweetAlertResult<any>>', gave the following error. Argument of type '{ animation: boolean; title: string; }' is not assignable to parameter of type 'SweetAlertOptions<any, any>'. Object literal may only specify known properties, and 'animation' does not exist in type 'SweetAlertOptions<any, any>'. Overload 2 of 2, '(title?: string | undefined, html?: string | undefined, icon?: SweetAlertIcon | undefined): Promise<SweetAlertResult<any>>', gave the following error. Argument of type '{ animation: boolean; title: string; }' is not assignable to parameter of type 'string'.ts(2769) Código: TS que muestra el error en let toastMixin y en el objeto de animation
export const errorHandle = (massage:string) => { let toastMixin = Swal.mixin({ toast: true, icon: 'success', title: 'General Title', animation: false, position: 'top-right', showConfirmButton: false, timer: 3000, timerProgressBar: true, didOpen: (toast) => { toast.addEventListener('mouseenter', Swal.stopTimer) toast.addEventListener('mouseleave', Swal.resumeTimer) } }); if (massage === 'added') { toastMixin.fire({ animation: true, title: 'Successfully added' }); } else if (massage === 'duplicate') { toastMixin.fire({ title: 'You already added the developer', icon: 'error' }); } else if (massage === 'removed') { toastMixin.fire({ animation: true, title: 'Removed' }); } }Porque no debería haber un campo de animation en el parámetro que pasa a Swal, como se muestra aquí https://github.com/sweetalert2/sweetalert2/blob/master/sweetalert2.d.ts#L442
Se eliminó el parámetro de animation , use showClass y hideClass en su lugar:
Swal.fire({ icon: 'success', title: 'I am not animated', showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, }) <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>