fix: use suspense over loading.tsx
This commit is contained in:
@@ -1,5 +0,0 @@
|
|||||||
import BreadcrumbsSkeleton from "@/components/Breadcrumbs/BreadcrumbsSkeleton"
|
|
||||||
|
|
||||||
export default function Loading() {
|
|
||||||
return <BreadcrumbsSkeleton />
|
|
||||||
}
|
|
||||||
@@ -1,4 +1,7 @@
|
|||||||
|
import { Suspense } from "react"
|
||||||
|
|
||||||
import Breadcrumbs from "@/components/Breadcrumbs"
|
import Breadcrumbs from "@/components/Breadcrumbs"
|
||||||
|
import BreadcrumbsSkeleton from "@/components/Breadcrumbs/BreadcrumbsSkeleton"
|
||||||
import { setLang } from "@/i18n/serverContext"
|
import { setLang } from "@/i18n/serverContext"
|
||||||
|
|
||||||
import { LangParams, PageArgs } from "@/types/params"
|
import { LangParams, PageArgs } from "@/types/params"
|
||||||
@@ -6,5 +9,9 @@ import { LangParams, PageArgs } from "@/types/params"
|
|||||||
export default function AllBreadcrumbs({ params }: PageArgs<LangParams>) {
|
export default function AllBreadcrumbs({ params }: PageArgs<LangParams>) {
|
||||||
setLang(params.lang)
|
setLang(params.lang)
|
||||||
|
|
||||||
return <Breadcrumbs />
|
return (
|
||||||
|
<Suspense fallback={<BreadcrumbsSkeleton />}>
|
||||||
|
<Breadcrumbs />
|
||||||
|
</Suspense>
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,14 +0,0 @@
|
|||||||
import { Suspense } from "react"
|
|
||||||
|
|
||||||
import Loading from "./loading"
|
|
||||||
import Page from "./page"
|
|
||||||
|
|
||||||
import { PageArgs } from "@/types/params"
|
|
||||||
|
|
||||||
export default function Default(props: PageArgs<{}, URLSearchParams>) {
|
|
||||||
return (
|
|
||||||
<Suspense fallback={<Loading />}>
|
|
||||||
<Page {...props} />
|
|
||||||
</Suspense>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user