diff --git a/packages/react/components/Toast.tsx b/packages/react/components/Toast.tsx
index f0a45b4..e34140a 100644
--- a/packages/react/components/Toast.tsx
+++ b/packages/react/components/Toast.tsx
@@ -170,11 +170,13 @@ const ToastTemplate = ({
 
   React.useEffect(() => {
     if (toastData.life === "born") {
-      toasts[id] = {
-        ...toasts[id],
-        life: "normal",
-      };
-      notifySingle(id);
+      setTimeout(() => {
+        toasts[id] = {
+          ...toasts[id],
+          life: "normal",
+        };
+        notifySingle(id);
+      }, 5 /* transition not working on fast toast creation with small timeout value */);
     }
     if (toastData.life === "normal" && toastData.closeTimeout !== null) {
       const timeout = setTimeout(() => {