Suspense on <TrackingSDK>

2024-12-06 15:47:34 +01:00
parent 6a4364e1c4
commit 115d1f0a10
12 changed files with 94 additions and 53 deletions
--- a/app/[lang]/(live)/(public)/hotelreservation/(confirmation)/booking-confirmation/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/(confirmation)/booking-confirmation/page.tsx
@@ -1,4 +1,5 @@
 import { differenceInCalendarDays, format, isWeekend } from "date-fns"
+import { Suspense } from "react"

 import { getBookingConfirmation } from "@/lib/trpc/memoizedRequests"

@@ -73,10 +74,13 @@ export default async function BookingConfirmationPage({

  return (
    <>
-      <TrackingSDK
-        pageData={initialPageTrackingData}
-        hotelInfo={initialHotelsTrackingData}
-      />
+      <Suspense fallback={null}>
+        <TrackingSDK
+          pageData={initialPageTrackingData}
+          hotelInfo={initialHotelsTrackingData}
+        />
+      </Suspense>
+
      <BookingConfirmation
        bookingConfirmationPromise={bookingConfirmationPromise}
      />