From 8e86bbb4b9f89b9d9512ecad54d17ff55fc522f0 Mon Sep 17 00:00:00 2001
From: Michael Zetterberg <michael.zetterberg@scandichotels.com>
Date: Mon, 31 Mar 2025 07:35:54 +0200
Subject: [PATCH] fix: add suspense boundary for destination overview page map

---
 .../DestinationPage/DestinationOverviewPage/index.tsx       | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx
index 45211192e..c9c510adb 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx
@@ -1,3 +1,5 @@
+import { Suspense } from "react"
+
 import { getDestinationOverviewPage } from "@/lib/trpc/memoizedRequests"
 
 import Blocks from "@/components/Blocks"
@@ -21,7 +23,9 @@ export default async function DestinationOverviewPage() {
   return (
     <>
       <div className={styles.mapContainer}>
-        <OverviewMapContainer />
+        <Suspense fallback={<SkeletonShimmer width={"100%"} height={"100%"} />}>
+          <OverviewMapContainer />
+        </Suspense>
       </div>
       <main className={styles.main}>
         <div className={styles.blocks}>