fixed dynamic sync api

app/(main)/team/[teamId]/page.js

@@ -212,7 +212,7 @@ export default function TeamPage({ params }) {
       </div>
 
       <div className="nav-bar">
-        <Link href="/dashboard" className="nav-item">
+        <Link href={`/${teamId}`} className="nav-item">
           <div className="nav-icon">🏠</div>
           <div className="nav-label">Home</div>
         </Link>

app/api/teams/[teamId]/route.js

@@ -19,9 +19,10 @@ export async function GET(request, context) {
       return Response.json({ error: "Invalid session" }, { status: 401 });
     }
 
-    // Properly await the params object before accessing it
+    // FIXED: Always await context.params before accessing properties
-    const params = context.params || {};
+    // This approach ensures we properly handle the promise before accessing teamId
-    const teamId = params.teamId;
+    const params = await Promise.resolve(context.params);
+    const teamId = params?.teamId;
 
     // Validate teamId
     if (!teamId || isNaN(parseInt(teamId, 10))) {