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>