scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/book-682-select-hotel-filter-jank (pull request #3362)

Browse Source 
fix(BOOK-682): Select Hotel jank

* Remove ChildrenWrapper


Approved-by: Linus Flood
This commit is contained in:
Anton Gunnarsson
2025-12-17 09:14:06 +00:00
parent 0a89ed6f4f
commit 8a969f3908
3 changed files with 2 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/layout.tsx
View File

@@ -1,22 +1,7 @@
import { Suspense } from "react"
import ChildrenWrapper from "@/components/ChildrenWrapper"
import styles from "./layout.module.css"
export default function AlternativeHotelsLayout({
children,
}: React.PropsWithChildren) {
return (
<div className={styles.layout}>
{/*
This Suspense is only needed to prevent useSearchParams from
making everything rendered client-side
https://nextjs.org/docs/14/app/api-reference/functions/use-search-params#static-rendering
*/}
<Suspense fallback={null}>
<ChildrenWrapper>{children}</ChildrenWrapper>
</Suspense>
</div>
)
return <div className={styles.layout}>{children}</div>
}

17
apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/layout.tsx
View File

@@ -1,22 +1,7 @@
import { Suspense } from "react"
import ChildrenWrapper from "@/components/ChildrenWrapper"
import styles from "./layout.module.css"
export default function SelectHotelLayout({
children,
}: React.PropsWithChildren) {
return (
<div className={styles.layout}>
{/*
This Suspense is only needed to prevent useSearchParams from
making everything rendered client-side
https://nextjs.org/docs/14/app/api-reference/functions/use-search-params#static-rendering
*/}
<Suspense fallback={null}>
<ChildrenWrapper>{children}</ChildrenWrapper>
</Suspense>
</div>
)
return <div className={styles.layout}>{children}</div>
}

11
apps/scandic-web/components/ChildrenWrapper.tsx
View File

@@ -1,11 +0,0 @@
"use client"
import { useSearchParams } from "next/navigation"
import { Fragment } from "react"
// Solution derived from leerobs example
// https://github.com/vercel/next.js/issues/53543#issuecomment-2327883526
// Ensure children are re-rendered when the search query changes
export default function ChildrenWrapper({ children }: React.PropsWithChildren) {
const searchParams = useSearchParams()
return <Fragment key={searchParams.toString()}>{children}</Fragment>
}