fix(SW-1143) removed async from fallback

2024-12-10 15:02:14 +01:00
parent f9e50b7ea7
commit a7b193c96d
4 changed files with 13 additions and 13 deletions
--- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/loading.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/loading.tsx
@@ -1,5 +0,0 @@
-import { SelectHotelMapContainerSkeleton } from "@/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton"
-
-export default function Loading() {
-  return <SelectHotelMapContainerSkeleton />
-}
--- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
@@ -44,12 +44,17 @@ export default async function SelectHotelMapPage({
  return (
    <div className={styles.main}>
      <MapContainer>
-        <SelectHotelMapContainer
-          city={city}
-          searchParams={searchParams}
-          adultsInRoom={adultsInRoom}
-          childrenInRoom={childrenInRoom}
-        />
+        <Suspense
+          key={city.name}
+          fallback={<SelectHotelMapContainerSkeleton />}
+        >
+          <SelectHotelMapContainer
+            city={city}
+            searchParams={searchParams}
+            adultsInRoom={adultsInRoom}
+            childrenInRoom={childrenInRoom}
+          />
+        </Suspense>
      </MapContainer>
    </div>
  )