Next.js 15.3.0 (#231)

1. Upgrade to Next.js 15.3.0 2. Formatted files
2025-04-10 07:41:07 +07:00
parent c5828325a2
commit a149c52b99
26 changed files with 472 additions and 468 deletions
--- a/apps/dev-tool/app/page.tsx
+++ b/apps/dev-tool/app/page.tsx
@@ -14,15 +14,13 @@ export default async function DashboardPage(props: DashboardPageProps) {
  const mode = (await props.searchParams).mode ?? 'development';
  const connectivityService = createConnectivityService(mode);

-  const [
-    supabaseStatus,
-    supabaseAdminStatus,
-    stripeStatus,
-  ] = await Promise.all([
-    connectivityService.checkSupabaseConnectivity(),
-    connectivityService.checkSupabaseAdminConnectivity(),
-    connectivityService.checkStripeConnected(),
-  ]);
+  const [supabaseStatus, supabaseAdminStatus, stripeStatus] = await Promise.all(
+    [
+      connectivityService.checkSupabaseConnectivity(),
+      connectivityService.checkSupabaseAdminConnectivity(),
+      connectivityService.checkStripeConnected(),
+    ],
+  );

  return (
    <Page style={'custom'}>
--- a/apps/dev-tool/package.json
+++ b/apps/dev-tool/package.json
@@ -9,9 +9,9 @@
  },
  "dependencies": {
    "@hookform/resolvers": "^5.0.1",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
    "lucide-react": "^0.487.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "nodemailer": "^6.10.0",
    "react": "19.1.0",
    "react-dom": "19.1.0"
@@ -26,7 +26,7 @@
    "@types/node": "^22.14.0",
    "@types/nodemailer": "6.4.17",
    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
+    "@types/react-dom": "19.1.2",
    "babel-plugin-react-compiler": "19.0.0-beta-e993439-20250405",
    "pino-pretty": "^13.0.0",
    "react-hook-form": "^7.55.0",
--- a/apps/web/app/(marketing)/_components/site-header-account-section.tsx
+++ b/apps/web/app/(marketing)/_components/site-header-account-section.tsx
@@ -50,7 +50,7 @@ export function SiteHeaderAccountSection() {

 function AuthButtons() {
  return (
-    <div className={'flex gap-x-2.5 animate-in fade-in duration-500'}>
+    <div className={'animate-in fade-in flex gap-x-2.5 duration-500'}>
      <div className={'hidden md:flex'}>
        <If condition={features.enableThemeToggle}>
          <ModeToggle />
--- a/apps/web/app/(marketing)/layout.tsx
+++ b/apps/web/app/(marketing)/layout.tsx
@@ -14,4 +14,4 @@ function SiteLayout(props: React.PropsWithChildren) {
  );
 }

-export default withI18n(SiteLayout);
+export default withI18n(SiteLayout);
--- a/apps/web/app/(marketing)/page.tsx
+++ b/apps/web/app/(marketing)/page.tsx
@@ -96,15 +96,13 @@ function Home() {
              ></FeatureCard>

              <FeatureCard
-                className={
-                  'relative col-span-1 w-full overflow-hidden'
-                }
+                className={'relative col-span-1 w-full overflow-hidden'}
                label={'Authentication'}
                description={`Makerkit provides a variety of providers to allow your users to sign in.`}
              ></FeatureCard>

              <FeatureCard
-                className={'relative overflow-hidden col-span-1'}
+                className={'relative col-span-1 overflow-hidden'}
                label={'Multi Tenancy'}
                description={`Multi tenant memberships for your SaaS business.`}
              />
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -55,11 +55,11 @@
    "@marsidev/react-turnstile": "^1.1.0",
    "@radix-ui/react-icons": "^1.3.2",
    "@supabase/supabase-js": "2.49.4",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
    "@tanstack/react-table": "^8.21.2",
    "date-fns": "^4.1.0",
    "lucide-react": "^0.487.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "next-sitemap": "^4.2.3",
    "next-themes": "0.4.6",
    "react": "19.1.0",
@@ -75,11 +75,11 @@
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@next/bundle-analyzer": "15.2.5",
+    "@next/bundle-analyzer": "15.3.0",
    "@tailwindcss/postcss": "^4.1.3",
    "@types/node": "^22.14.0",
    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
+    "@types/react-dom": "19.1.2",
    "babel-plugin-react-compiler": "19.0.0-beta-e993439-20250405",
    "cssnano": "^7.0.6",
    "pino-pretty": "^13.0.0",
--- a/apps/web/postcss.config.mjs
+++ b/apps/web/postcss.config.mjs
@@ -3,4 +3,4 @@ export default {
    '@tailwindcss/postcss': {},
    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {}),
  },
-};
+};
--- a/packages/billing/gateway/package.json
+++ b/packages/billing/gateway/package.json
@@ -30,7 +30,7 @@
    "@types/react": "19.1.0",
    "date-fns": "^4.1.0",
    "lucide-react": "^0.487.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "react": "19.1.0",
    "react-hook-form": "^7.55.0",
    "react-i18next": "^15.4.1",
--- a/packages/billing/lemon-squeezy/package.json
+++ b/packages/billing/lemon-squeezy/package.json
@@ -25,7 +25,7 @@
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@types/react": "19.1.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "react": "19.1.0",
    "zod": "^3.24.2"
  },
--- a/packages/billing/stripe/package.json
+++ b/packages/billing/stripe/package.json
@@ -29,7 +29,7 @@
    "@kit/ui": "workspace:*",
    "@types/react": "19.1.0",
    "date-fns": "^4.1.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "react": "19.1.0",
    "zod": "^3.24.2"
  },
--- a/packages/features/accounts/package.json
+++ b/packages/features/accounts/package.json
@@ -35,11 +35,11 @@
    "@kit/ui": "workspace:*",
    "@radix-ui/react-icons": "^1.3.2",
    "@supabase/supabase-js": "2.49.4",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
+    "@types/react-dom": "19.1.2",
    "lucide-react": "^0.487.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "next-themes": "0.4.6",
    "react": "19.1.0",
    "react-dom": "19.1.0",
--- a/packages/features/admin/package.json
+++ b/packages/features/admin/package.json
@@ -21,11 +21,11 @@
    "@makerkit/data-loader-supabase-core": "^0.0.10",
    "@makerkit/data-loader-supabase-nextjs": "^1.2.5",
    "@supabase/supabase-js": "2.49.4",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
    "@tanstack/react-table": "^8.21.2",
    "@types/react": "19.1.0",
    "lucide-react": "^0.487.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "react-hook-form": "^7.55.0",
--- a/packages/features/auth/package.json
+++ b/packages/features/auth/package.json
@@ -29,10 +29,10 @@
    "@marsidev/react-turnstile": "^1.1.0",
    "@radix-ui/react-icons": "^1.3.2",
    "@supabase/supabase-js": "2.49.4",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
    "@types/react": "19.1.0",
    "lucide-react": "^0.487.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "react-hook-form": "^7.55.0",
    "react-i18next": "^15.4.1",
    "sonner": "^2.0.3",
--- a/packages/features/auth/src/components/multi-factor-challenge-container.tsx
+++ b/packages/features/auth/src/components/multi-factor-challenge-container.tsx
@@ -278,7 +278,7 @@ function FactorsListContainer({
  const verifiedFactors = factors?.totp ?? [];

  return (
-    <div className={'flex flex-col space-y-4 animate-in fade-in duration-500'}>
+    <div className={'animate-in fade-in flex flex-col space-y-4 duration-500'}>
      <div>
        <span className={'font-medium'}>
          <Trans i18nKey={'account:selectFactor'} />
--- a/packages/features/notifications/package.json
+++ b/packages/features/notifications/package.json
@@ -20,7 +20,7 @@
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@supabase/supabase-js": "2.49.4",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
    "@types/react": "19.1.0",
    "lucide-react": "^0.487.0",
    "react": "19.1.0",
--- a/packages/features/team-accounts/package.json
+++ b/packages/features/team-accounts/package.json
@@ -33,14 +33,14 @@
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@supabase/supabase-js": "2.49.4",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
    "@tanstack/react-table": "^8.21.2",
    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
+    "@types/react-dom": "19.1.2",
    "class-variance-authority": "^0.7.1",
    "date-fns": "^4.1.0",
    "lucide-react": "^0.487.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "react-hook-form": "^7.55.0",
--- a/packages/features/team-accounts/src/server/services/webhooks/account-webhooks.service.ts
+++ b/packages/features/team-accounts/src/server/services/webhooks/account-webhooks.service.ts
@@ -76,9 +76,11 @@ class AccountWebhooksService {
    return z
      .object({
        productName: z.string(),
-        fromEmail: z.string({
-          required_error: 'EMAIL_SENDER is required',
-        }).min(1),
+        fromEmail: z
+          .string({
+            required_error: 'EMAIL_SENDER is required',
+          })
+          .min(1),
      })
      .parse({
        productName,
--- a/packages/i18n/package.json
+++ b/packages/i18n/package.json
@@ -20,8 +20,8 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/shared": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@tanstack/react-query": "5.72.1",
-    "next": "15.2.5",
+    "@tanstack/react-query": "5.72.2",
+    "next": "15.3.0",
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "react-i18next": "^15.4.1"
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -21,7 +21,7 @@
    "@kit/supabase": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@supabase/supabase-js": "2.49.4",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "zod": "^3.24.2"
  },
  "typesVersions": {
--- a/packages/otp/package.json
+++ b/packages/otp/package.json
@@ -27,7 +27,7 @@
    "@radix-ui/react-icons": "^1.3.2",
    "@supabase/supabase-js": "2.49.4",
    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
+    "@types/react-dom": "19.1.2",
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "react-hook-form": "^7.55.0",
--- a/packages/supabase/package.json
+++ b/packages/supabase/package.json
@@ -29,9 +29,9 @@
    "@kit/tsconfig": "workspace:*",
    "@supabase/ssr": "^0.6.1",
    "@supabase/supabase-js": "2.49.4",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
    "@types/react": "19.1.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "react": "19.1.0",
    "server-only": "^0.0.1",
    "zod": "^3.24.2"
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -43,14 +43,14 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@radix-ui/react-icons": "^1.3.2",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
    "@tanstack/react-table": "^8.21.2",
    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
+    "@types/react-dom": "19.1.2",
    "class-variance-authority": "^0.7.1",
    "date-fns": "^4.1.0",
    "eslint": "^9.24.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
    "next-themes": "0.4.6",
    "prettier": "^3.5.3",
    "react-day-picker": "^8.10.1",
--- a/packages/ui/src/makerkit/marketing/feature-grid.tsx
+++ b/packages/ui/src/makerkit/marketing/feature-grid.tsx
@@ -7,7 +7,7 @@ export const FeatureGrid: React.FC<React.HTMLAttributes<HTMLDivElement>> =
    return (
      <div
        className={cn(
-          'grid w-full grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 grid grid-cols-1 gap-4 mt-2 md:grid-cols-3 md:mt-6',
+          'mt-2 grid w-full grid-cols-1 gap-4 md:mt-6 md:grid-cols-2 md:grid-cols-3 lg:grid-cols-3',
          className,
        )}
        {...props}
--- a/packages/ui/src/shadcn/dialog.tsx
+++ b/packages/ui/src/shadcn/dialog.tsx
@@ -55,10 +55,7 @@ const DialogHeader = ({
  ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
  <div
-    className={cn(
-      'flex flex-col space-y-1.5 text-left',
-      className,
-    )}
+    className={cn('flex flex-col space-y-1.5 text-left', className)}
    {...props}
  />
 );
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/tooling/eslint/package.json
+++ b/tooling/eslint/package.json
@@ -13,9 +13,9 @@
    "format": "prettier --check \"**/*.{js,json}\""
  },
  "dependencies": {
-    "@next/eslint-plugin-next": "15.2.5",
+    "@next/eslint-plugin-next": "15.3.0",
    "@types/eslint": "9.6.1",
-    "eslint-config-next": "15.2.5",
+    "eslint-config-next": "15.3.0",
    "eslint-config-turbo": "^2.5.0",
    "typescript-eslint": "8.29.1"
  },