fix: unmount custom loading icon correctly (#365)

emilkowalski · Mar 10, 2024 · 4088630 · 4088630
1 parent 6b37985
commit 4088630
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -219,7 +219,7 @@ const Toast = (props: ToastProps) => {
   function getLoadingIcon() {
     if (icons?.loading) {
       return (
-        <div className="loader" data-visible={toastType === 'loading'}>
+        <div className="sonner-loader" data-visible={toastType === 'loading'}>
           {icons.loading}
         </div>
       );
@@ -366,7 +366,7 @@ const Toast = (props: ToastProps) => {
           {toastType || toast.icon || toast.promise ? (
             <div data-icon="">
               {toast.promise || (toast.type === 'loading' && !toast.icon)
-                ? toast.icon || icons?.loading || getLoadingIcon()
+                ? toast.icon || getLoadingIcon()
                 : null}
               {toast.type !== 'loading' ? toast.icon || icons?.[toastType] || getAsset(toastType) : null}
             </div>