From 06e87a448d0950a427af3937987d01772abfead0 Mon Sep 17 00:00:00 2001
From: Henrik Larsson <hankisch@gmail.com>
Date: Tue, 8 Aug 2023 22:40:02 +0200
Subject: [PATCH] Add supense to Dynamic contentg

---
 .../dynamic-content-manager/dynamic-content-manager.tsx      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/layout/dynamic-content-manager/dynamic-content-manager.tsx b/components/layout/dynamic-content-manager/dynamic-content-manager.tsx
index 81dedaf88..5a1cb4779 100644
--- a/components/layout/dynamic-content-manager/dynamic-content-manager.tsx
+++ b/components/layout/dynamic-content-manager/dynamic-content-manager.tsx
@@ -7,6 +7,7 @@ import ReusableSection from '@/components/modules/reusable-section/reusable-sect
 import Slider from '@/components/modules/slider/slider';
 import USPSection from '@/components/modules/usp-section/usp-section';
 import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { Suspense } from 'react';
 interface getContentComponentProps {
   _type: string;
   _key: number;
@@ -76,7 +77,9 @@ const getContentComponent = ({ _type, _key, disabled, ...rest }: getContentCompo
   }
 
   return Component ? (
-    <Component key={`${_key}`} {...rest} />
+    <Suspense key={`${_key}`} fallback={<div>Loading...</div>}>
+      <Component {...rest} />
+    </Suspense>
   ) : (
     <div key={`${_key}`}>Something else</div>
   );