next.js 15 sync-dynamic-apis update

src/app/(main)/websites/[websiteId]/compare/page.tsx

@@ -1,7 +1,9 @@
 import WebsiteComparePage from './WebsiteComparePage';
 import { Metadata } from 'next';
 
-export default function ({ params: { websiteId } }) {
+export default async function ({ params }: { params: { websiteId: string } }) {
+  const { websiteId } = await params;
+
   return <WebsiteComparePage websiteId={websiteId} />;
 }
 

src/app/(main)/websites/[websiteId]/events/page.tsx

@@ -1,7 +1,9 @@
 import { Metadata } from 'next';
 import EventsPage from './EventsPage';
 
-export default async function ({ params: { websiteId } }) {
+export default async function ({ params }: { params: { websiteId: string } }) {
+  const { websiteId } = await params;
+
   return <EventsPage websiteId={websiteId} />;
 }
 

src/app/(main)/websites/[websiteId]/layout.tsx

@@ -1,7 +1,15 @@
 import { Metadata } from 'next';
 import WebsiteProvider from './WebsiteProvider';
 
-export default function ({ children, params: { websiteId } }) {
+export default async function ({
+  children,
+  params,
+}: {
+  children: any;
+  params: { websiteId: string };
+}) {
+  const { websiteId } = await params;
+
   return <WebsiteProvider websiteId={websiteId}>{children}</WebsiteProvider>;
 }
 

src/app/(main)/websites/[websiteId]/page.tsx

@@ -1,7 +1,9 @@
 import WebsiteDetailsPage from './WebsiteDetailsPage';
 import { Metadata } from 'next';
 
-export default function WebsitePage({ params: { websiteId } }) {
+export default async function WebsitePage({ params }: { params: { websiteId: string } }) {
+  const { websiteId } = await params;
+
   return <WebsiteDetailsPage websiteId={websiteId} />;
 }
 

src/app/(main)/websites/[websiteId]/realtime/page.tsx

@@ -1,7 +1,9 @@
 import WebsiteRealtimePage from './WebsiteRealtimePage';
 import { Metadata } from 'next';
 
-export default function ({ params: { websiteId } }) {
+export default async function ({ params }: { params: { websiteId: string } }) {
+  const { websiteId } = await params;
+
   return <WebsiteRealtimePage websiteId={websiteId} />;
 }
 

src/app/(main)/websites/[websiteId]/reports/page.tsx

@@ -1,7 +1,9 @@
 import WebsiteReportsPage from './WebsiteReportsPage';
 import { Metadata } from 'next';
 
-export default function ({ params: { websiteId } }) {
+export default async function ({ params }: { params: { websiteId: string } }) {
+  const { websiteId } = await params;
+
   return <WebsiteReportsPage websiteId={websiteId} />;
 }
 

src/app/(main)/websites/[websiteId]/sessions/[sessionId]/page.tsx

@@ -1,7 +1,13 @@
 import SessionDetailsPage from './SessionDetailsPage';
 import { Metadata } from 'next';
 
-export default function WebsitePage({ params: { websiteId, sessionId } }) {
+export default async function WebsitePage({
+  params,
+}: {
+  params: { websiteId: string; sessionId: string };
+}) {
+  const { websiteId, sessionId } = await params;
+
   return <SessionDetailsPage websiteId={websiteId} sessionId={sessionId} />;
 }
 

src/app/(main)/websites/[websiteId]/sessions/page.tsx

@@ -1,7 +1,9 @@
 import SessionsPage from './SessionsPage';
 import { Metadata } from 'next';
 
-export default function ({ params: { websiteId } }) {
+export default async function ({ params }: { params: { websiteId: string } }) {
+  const { websiteId } = await params;
+
   return <SessionsPage websiteId={websiteId} />;
 }