fix(@cypress/react): throw if using Next.js swc-loader without nodeVe…

…rsion=system (#18686)

npm/react/plugins/next/checkSWC.ts

@@ -0,0 +1,19 @@
+import type { Configuration } from 'webpack'
+
+export function checkSWC (
+  webpackConfig: Configuration,
+  cypressConfig: Cypress.Config,
+) {
+  const hasSWCLoader = webpackConfig.module?.rules.some((rule) => {
+    return rule.oneOf?.some(
+      (oneOf) => (oneOf.use as any)?.loader === 'next-swc-loader'
+    )
+  })
+
+  if (hasSWCLoader && cypressConfig.nodeVersion !== 'system') {
+    throw new Error(`Cypress requires "nodeVersion" to be set to "system" in order to run Next.js with SWC optimizations.
+Please add "nodeVersion": "system" to your Cypress configuration and try again.`)
+  }
+
+  return false
+}

npm/react/plugins/next/findNextWebpackConfig.js

@@ -4,6 +4,7 @@ const debug = require('debug')('@cypress/react')
 const getNextJsBaseWebpackConfig = require('next/dist/build/webpack-config').default
 const { findPagesDir } = require('../../dist/next/findPagesDir')
 const { getRunWebpackSpan } = require('../../dist/next/getRunWebpackSpan')
+const { checkSWC } = require('../../dist/next/checkSWC')
 
 async function getNextWebpackConfig (config) {
   let loadConfig
@@ -38,6 +39,8 @@ async function getNextWebpackConfig (config) {
 
   debug('resolved next.js webpack config %o', nextWebpackConfig)
 
+  checkSWC(nextWebpackConfig, config)
+
   return nextWebpackConfig
 }