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

packages/features/accounts/package.json

@@ -34,17 +34,17 @@
     "@kit/tsconfig": "workspace:*",
     "@kit/ui": "workspace:^",
     "@radix-ui/react-icons": "^1.3.0",
-    "@supabase/supabase-js": "^2.45.4",
-    "@tanstack/react-query": "5.56.2",
-    "@types/react": "^18.3.10",
-    "@types/react-dom": "^18.3.0",
-    "lucide-react": "^0.446.0",
-    "next": "14.2.13",
+    "@supabase/supabase-js": "^2.45.6",
+    "@tanstack/react-query": "5.59.15",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "lucide-react": "^0.453.0",
+    "next": "15.0.0",
     "next-themes": "0.3.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-hook-form": "^7.53.0",
-    "react-i18next": "^15.0.2",
+    "react": "19.0.0-rc-69d4b800-20241021",
+    "react-dom": "19.0.0-rc-69d4b800-20241021",
+    "react-hook-form": "^7.53.1",
+    "react-i18next": "^15.1.0",
     "sonner": "^1.5.0",
     "zod": "^3.23.8"
   },

packages/features/accounts/src/components/account-selector.tsx

@@ -40,6 +40,7 @@ interface AccountSelectorProps {
   selectedAccount?: string;
   collapsed?: boolean;
   className?: string;
+  collisionPadding?: number;
 
   onAccountChange: (value: string | undefined) => void;
 }
@@ -56,6 +57,7 @@ export function AccountSelector({
     enableTeamCreation: true,
   },
   collapsed = false,
+  collisionPadding = 20,
 }: React.PropsWithChildren<AccountSelectorProps>) {
   const [open, setOpen] = useState<boolean>(false);
   const [isCreatingAccount, setIsCreatingAccount] = useState<boolean>(false);
@@ -154,7 +156,7 @@ export function AccountSelector({
         <PopoverContent
           data-test={'account-selector-content'}
           className="w-full p-0"
-          collisionPadding={20}
+          collisionPadding={collisionPadding}
         >
           <Command>
             <CommandInput placeholder={t('searchAccount')} className="h-9" />

packages/features/accounts/src/hooks/use-personal-account-data.ts

@@ -6,12 +6,11 @@ import { useSupabase } from '@kit/supabase/hooks/use-supabase';
 
 export function usePersonalAccountData(
   userId: string,
-  partialAccount?:
-    | {
-        id: string | null;
-        name: string | null;
-        picture_url: string | null;
-      }
+  partialAccount?: {
+    id: string | null;
+    name: string | null;
+    picture_url: string | null;
+  },
 ) {
   const client = useSupabase();
   const queryKey = ['account:data', userId];