fix(SW-1143) removed async from fallback

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 />
-}

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
+        <Suspense
-          city={city}
+          key={city.name}
-          searchParams={searchParams}
+          fallback={<SelectHotelMapContainerSkeleton />}
-          adultsInRoom={adultsInRoom}
+        >
-          childrenInRoom={childrenInRoom}
+          <SelectHotelMapContainer
-        />
+            city={city}
+            searchParams={searchParams}
+            adultsInRoom={adultsInRoom}
+            childrenInRoom={childrenInRoom}
+          />
+        </Suspense>
       </MapContainer>
     </div>
   )

components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton.tsx

@@ -8,7 +8,7 @@ type Props = {
   count?: number
 }
 
-export async function SelectHotelMapContainerSkeleton({ count = 2 }: Props) {
+export function SelectHotelMapContainerSkeleton({ count = 2 }: Props) {
   return (
     <div className={styles.container}>
       <div className={styles.listingContainer}>

components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx

@@ -8,7 +8,7 @@ type Props = {
   count?: number
 }
 
-export async function SelectHotelSkeleton({ count = 4 }: Props) {
+export function SelectHotelSkeleton({ count = 4 }: Props) {
   return (
     <div className={styles.skeletonContainer}>
       <header className={styles.header}>