From a52d9efc1d3e828b5c11868499603db27d297743 Mon Sep 17 00:00:00 2001
From: Valentin Palkovic <valentin@chromatic.com>
Date: Mon, 20 Nov 2023 08:58:26 +0100
Subject: [PATCH] Add error message for Next.js if swc is not supported

---
 code/frameworks/nextjs/src/swc/loader.ts        | 11 ++---------
 .../lib/core-events/src/errors/server-errors.ts | 17 +++++++++++++++++
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/code/frameworks/nextjs/src/swc/loader.ts b/code/frameworks/nextjs/src/swc/loader.ts
index 661eabc625df..201bdc52e0d8 100644
--- a/code/frameworks/nextjs/src/swc/loader.ts
+++ b/code/frameworks/nextjs/src/swc/loader.ts
@@ -6,8 +6,7 @@ import type { NextConfig } from 'next';
 import path from 'path';
 import type { RuleSetRule } from 'webpack';
 import semver from 'semver';
-import { dedent } from 'ts-dedent';
-import { logger } from '@storybook/node-logger';
+import { NextjsSWCNotSupportedError } from 'lib/core-events/src/errors/server-errors';
 import { getNextjsVersion } from '../utils';
 
 export const configureSWCLoader = async (
@@ -19,13 +18,7 @@ export const configureSWCLoader = async (
   const version = getNextjsVersion();
 
   if (semver.lt(version, '14.0.0')) {
-    logger.warn(
-      dedent`You have activated the SWC mode for Next.js, but you are not using Next.js 14.0.0 or higher. 
-      SWC is only supported in Next.js 14.0.0 and higher. 
-      Skipping SWC and using Babel instead.
-      `
-    );
-    return;
+    throw new NextjsSWCNotSupportedError();
   }
 
   const dir = getProjectRoot();
diff --git a/code/lib/core-events/src/errors/server-errors.ts b/code/lib/core-events/src/errors/server-errors.ts
index 951a482e9570..6ca430ae1966 100644
--- a/code/lib/core-events/src/errors/server-errors.ts
+++ b/code/lib/core-events/src/errors/server-errors.ts
@@ -368,3 +368,20 @@ export class GoogleFontsLoadingError extends StorybookError {
     `;
   }
 }
+
+export class NextjsSWCNotSupportedError extends StorybookError {
+  readonly category = Category.FRAMEWORK_NEXTJS;
+
+  readonly code = 3;
+
+  public readonly documentation =
+    'https://github.com/storybookjs/storybook/blob/next/code/frameworks/nextjs/README.md#manual-migration';
+
+  template() {
+    return dedent`
+    You have activated the SWC mode for Next.js, but you are not using Next.js 14.0.0 or higher. 
+    SWC is only supported in Next.js 14.0.0 and higher. Please go to your .storybook/main.<js|ts> file
+    and remove the { framework: { options: { builder: { useSWC: true } } } } option or upgrade to Next.js v14 or later.
+    `;
+  }
+}