diff --git a/apps/partner-sas/app/[lang]/layout.tsx b/apps/partner-sas/app/[lang]/layout.tsx
index 4665bde81..516270aa7 100644
--- a/apps/partner-sas/app/[lang]/layout.tsx
+++ b/apps/partner-sas/app/[lang]/layout.tsx
@@ -10,6 +10,7 @@ import { NuqsAdapter } from "@scandic-hotels/booking-flow/utils/nuqs"
import { Lang } from "@scandic-hotels/common/constants/language"
import { TrpcProvider } from "@scandic-hotels/trpc/Provider"
+import { RACRouterProvider } from "@/components/RACRouterProvider"
import { getMessages } from "@/i18n"
import ClientIntlProvider from "@/i18n/Provider"
import { setLang } from "@/i18n/serverContext"
@@ -62,26 +63,28 @@ export default async function RootLayout(props: RootLayoutProps) {
{/* TODO handle onError */}
-
-
+
-
- {props.bookingwidget}
- {children}
-
-
-
+
+
+ {props.bookingwidget}
+ {children}
+
+
+
+
diff --git a/apps/partner-sas/components/RACRouterProvider.tsx b/apps/partner-sas/components/RACRouterProvider.tsx
new file mode 100644
index 000000000..02d8945d4
--- /dev/null
+++ b/apps/partner-sas/components/RACRouterProvider.tsx
@@ -0,0 +1,22 @@
+// https://react-spectrum.adobe.com/react-aria/routing.html#app-router
+
+"use client"
+
+import { useRouter } from "next/navigation"
+import { RouterProvider } from "react-aria-components"
+
+import type { PropsWithChildren } from "react"
+
+declare module "react-aria-components" {
+ interface RouterConfig {
+ routerOptions: NonNullable<
+ Parameters["push"]>[1]
+ >
+ }
+}
+
+export function RACRouterProvider({ children }: PropsWithChildren) {
+ const router = useRouter()
+
+ return {children}
+}