From b88b440c5afb11e9051230bdb242f6880be56795 Mon Sep 17 00:00:00 2001
From: Amelia Lim <limchornguan418@gmail.com>
Date: Tue, 15 Apr 2025 14:17:12 +0200
Subject: [PATCH] feat(ui): Configure toasts to stack

When multiple actions trigger toasts in rapid succession, newer toasts
were replacing older ones, preventing users from reading all
notification messages.

This commit modified the Toast admin component to customize Sonner toast
behavior by adding `expand={true}` which keeps all toasts visible in a
stacked layout rather than hidden after one another.

Documentation reference: https://sonner.emilkowal.ski/ (see "Expand")
---
 packages/ui/src/providers/ToastContainer/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/ui/src/providers/ToastContainer/index.tsx b/packages/ui/src/providers/ToastContainer/index.tsx
index 44caf87ee37..0b2c6b98be0 100644
--- a/packages/ui/src/providers/ToastContainer/index.tsx
+++ b/packages/ui/src/providers/ToastContainer/index.tsx
@@ -14,6 +14,7 @@ export const ToastContainer: React.FC = () => {
       closeButton
       // @ts-expect-error
       dir="undefined"
+      expand={true}
       gap={8}
       icons={{
         error: <Error />,