Next.js 15 Update (#26)

* Update Next.js and React versions in all packages
* Replace onRedirect function with next/link in BillingSessionStatus, since it's no longer cached by default
* Remove unused revalidatePath import in billing return page, since it's no longer cached by default
* Add Turbopack module aliases to improve development server speed
* Converted new Dynamic APIs to be Promise-based
* Adjust mobile layout
* Use ENABLE_REACT_COMPILER to enable the React Compiler in Next.js 15
* Report Errors using the new onRequestError hook

apps/web/app/home/[account]/layout.tsx

@@ -21,18 +21,14 @@ import { TeamAccountLayoutSidebar } from './_components/team-account-layout-side
 import { TeamAccountNavigationMenu } from './_components/team-account-navigation-menu';
 import { loadTeamWorkspace } from './_lib/server/team-account-workspace.loader';
 
-interface TeamWorkspaceLayoutParams {
-  account: string;
-}
+type TeamWorkspaceLayoutProps = React.PropsWithChildren<{
+  params: Promise<{ account: string }>;
+}>;
 
-function TeamWorkspaceLayout({
-  children,
-  params,
-}: React.PropsWithChildren<{
-  params: TeamWorkspaceLayoutParams;
-}>) {
-  const data = use(loadTeamWorkspace(params.account));
-  const style = getLayoutStyle(params.account);
+function TeamWorkspaceLayout({ children, params }: TeamWorkspaceLayoutProps) {
+  const account = use(params).account;
+  const data = use(loadTeamWorkspace(account));
+  const style = use(getLayoutStyle(account));
 
   const accounts = data.accounts.map(({ name, slug, picture_url }) => ({
     label: name,
@@ -45,7 +41,7 @@ function TeamWorkspaceLayout({
       <PageNavigation>
         <If condition={style === 'sidebar'}>
           <TeamAccountLayoutSidebar
-            account={params.account}
+            account={account}
             accountId={data.account.id}
             accounts={accounts}
             user={data.user}
@@ -64,7 +60,7 @@ function TeamWorkspaceLayout({
           <TeamAccountLayoutMobileNavigation
             userId={data.user.id}
             accounts={accounts}
-            account={params.account}
+            account={account}
           />
         </div>
       </PageMobileNavigation>
@@ -76,9 +72,11 @@ function TeamWorkspaceLayout({
   );
 }
 
-function getLayoutStyle(account: string) {
+async function getLayoutStyle(account: string) {
+  const cookieStore = await cookies();
+
   return (
-    (cookies().get('layout-style')?.value as PageLayoutStyle) ??
+    (cookieStore.get('layout-style')?.value as PageLayoutStyle) ??
     getTeamAccountSidebarConfig(account).style
   );
 }