next.js 15 sync-dynamic-apis update

src/app/(main)/teams/[teamId]/layout.tsx

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

src/app/(main)/teams/[teamId]/settings/members/page.tsx

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

src/app/(main)/teams/[teamId]/settings/team/page.tsx

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

src/app/(main)/teams/[teamId]/settings/websites/page.tsx

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