From 22b6068f250aa54cc6d92d4ca1e1b3b25f78b856 Mon Sep 17 00:00:00 2001
From: Tim Auf dem Kampe <t.aufdemkampe@mittwald.de>
Date: Mon, 25 Nov 2024 15:28:21 +0100
Subject: [PATCH] fix(Notification): Add Suspense to NotificationContainer

---
 .../NotificationProvider/NotificationContainer.tsx    | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/components/src/components/NotificationProvider/NotificationContainer.tsx b/packages/components/src/components/NotificationProvider/NotificationContainer.tsx
index 4ad7abfa6..d1d07c4dd 100644
--- a/packages/components/src/components/NotificationProvider/NotificationContainer.tsx
+++ b/packages/components/src/components/NotificationProvider/NotificationContainer.tsx
@@ -1,4 +1,5 @@
 import type { ComponentProps, FC } from "react";
+import { Suspense } from "react";
 import React from "react";
 import ReactDOM from "react-dom";
 import clsx from "clsx";
@@ -36,10 +37,12 @@ export const NotificationContainer: FC<NotificationsContainerProps> = (
                 bounce: 0,
               }}
             >
-              <ControlledNotification
-                notification={n}
-                controller={controller}
-              />
+              <Suspense>
+                <ControlledNotification
+                  notification={n}
+                  controller={controller}
+                />
+              </Suspense>
             </m.div>
           ))}
         </AnimatePresence>