fix: add suspense boundary for destination overview page map
This commit is contained in:
@@ -1,3 +1,5 @@
|
|||||||
|
import { Suspense } from "react"
|
||||||
|
|
||||||
import { getDestinationOverviewPage } from "@/lib/trpc/memoizedRequests"
|
import { getDestinationOverviewPage } from "@/lib/trpc/memoizedRequests"
|
||||||
|
|
||||||
import Blocks from "@/components/Blocks"
|
import Blocks from "@/components/Blocks"
|
||||||
@@ -21,7 +23,9 @@ export default async function DestinationOverviewPage() {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className={styles.mapContainer}>
|
<div className={styles.mapContainer}>
|
||||||
<OverviewMapContainer />
|
<Suspense fallback={<SkeletonShimmer width={"100%"} height={"100%"} />}>
|
||||||
|
<OverviewMapContainer />
|
||||||
|
</Suspense>
|
||||||
</div>
|
</div>
|
||||||
<main className={styles.main}>
|
<main className={styles.main}>
|
||||||
<div className={styles.blocks}>
|
<div className={styles.blocks}>
|
||||||
|
|||||||
Reference in New Issue
Block a user