DuCanhGH · DuCanhGH · Sep 21, 2023 · Sep 21, 2023 · Sep 21, 2023 · Sep 21, 2023
diff --git a/.changeset/lucky-bats-report.md b/.changeset/lucky-bats-report.md
@@ -0,0 +1,7 @@
+---
+"@ducanh2912/next-pwa": patch
+---
+
+fix: remove `lazy` and `importInterop` from `.swcrc`
+
+- Seems that these values are no longer allowed with `module.type` set to `"es6"` or `"nodenext"`.
diff --git a/docs/content/next-pwa/configuring.mdx b/docs/content/next-pwa/configuring.mdx
@@ -53,7 +53,7 @@ export default withPWA({
 
 - `browserslist` — Configure supported browsers using Browserslist.
 
-- `buildExcludes` — One or more specifiers used to exclude assets from the precache manifest. This is interpreted following the same rules as Webpack's
+- `buildExcludes` — One or more specifiers used to exclude assets from the precache manifest. This is interpreted following the same rules as webpack's
   standard `exclude` option. Relative to `.next/static` or your custom build folder.
 
 - `cacheOnFrontendNav` — Enable additional route caching when users navigate through pages with `next/link`.

diff --git a/docs/package.json b/docs/package.json
@@ -10,13 +10,13 @@
   },
   "dependencies": {
     "@ducanh2912/next-pwa": "workspace:*",
-    "@mantine/hooks": "6.0.20",
+    "@mantine/hooks": "7.0.0",
     "@tabler/icons-react": "2.34.0",
     "bright": "0.8.4",
     "client-only": "0.0.1",
     "contentlayer": "0.3.4",
     "highlight.js": "11.8.0",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "next-contentlayer": "0.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -28,14 +28,14 @@
   },
   "devDependencies": {
     "@types/extend": "3.0.1",
-    "@types/hast": "3.0.0",
+    "@types/hast": "3.0.1",
     "@types/mdast": "4.0.0",
     "@types/mdx": "2.0.7",
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "@types/uuid": "9.0.4",
-    "autoprefixer": "10.4.15",
+    "autoprefixer": "10.4.16",
     "extend": "3.0.2",
     "github-slugger": "2.0.0",
     "hast-util-has-property": "3.0.0",
@@ -45,11 +45,11 @@
     "mdast-util-to-markdown": "2.1.0",
     "mdast-util-to-string": "4.0.0",
     "mdx-bundler": "9.2.1",
-    "postcss": "8.4.29",
+    "postcss": "8.4.30",
     "rehype-highlight": "7.0.0",
     "rehype-sanitize": "6.0.0",
     "tailwindcss": "3.3.3",
-    "typescript": "5.3.0-dev.20230915",
+    "typescript": "5.3.0-dev.20230921",
     "unified": "10.1.2",
     "unist-util-is": "6.0.0",
     "unist-util-visit": "5.0.0"

diff --git a/examples/basic/package.json b/examples/basic/package.json
@@ -11,13 +11,13 @@
   },
   "dependencies": {
     "@ducanh2912/next-pwa": "latest",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "typescript": "5.2.2"
   }

diff --git a/examples/custom-server/package.json b/examples/custom-server/package.json
@@ -14,14 +14,14 @@
     "@fastify/compress": "6.4.0",
     "cross-env": "7.0.3",
     "fastify": "4.23.2",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@swc/core": "1.3.78",
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@swc/core": "1.3.86",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "nodemon": "3.0.1",
     "rimraf": "5.0.1",

diff --git a/examples/custom-worker/package.json b/examples/custom-worker/package.json
@@ -11,13 +11,13 @@
   },
   "dependencies": {
     "@ducanh2912/next-pwa": "latest",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "typescript": "5.2.2"
   }

diff --git a/examples/lifecycle/package.json b/examples/lifecycle/package.json
@@ -11,13 +11,13 @@
   },
   "dependencies": {
     "@ducanh2912/next-pwa": "latest",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "typescript": "5.2.2"
   }

diff --git a/examples/next-i18next/package.json b/examples/next-i18next/package.json
@@ -15,15 +15,15 @@
     "express": "4.18.2",
     "fastify-compress": "4.1.0",
     "i18next": "23.5.1",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "next-i18next": "14.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "13.2.2"
   },
   "devDependencies": {
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "typescript": "5.2.2"
   }

diff --git a/examples/next-image/package.json b/examples/next-image/package.json
@@ -11,13 +11,13 @@
   },
   "dependencies": {
     "@ducanh2912/next-pwa": "latest",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "typescript": "5.2.2"
   }

diff --git a/examples/offline-fallback-v2/package.json b/examples/offline-fallback-v2/package.json
@@ -11,14 +11,14 @@
   },
   "dependencies": {
     "@ducanh2912/next-pwa": "latest",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "sharp": "0.32.5"
+    "sharp": "0.32.6"
   },
   "devDependencies": {
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "typescript": "5.2.2"
   }

diff --git a/examples/web-push/package.json b/examples/web-push/package.json
@@ -12,14 +12,14 @@
   },
   "dependencies": {
     "@ducanh2912/next-pwa": "latest",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "web-push": "3.6.6"
   },
   "devDependencies": {
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "@types/web-push": "3.6.0",
     "typescript": "5.2.2"

diff --git a/examples/workboxless/package.json b/examples/workboxless/package.json
@@ -10,13 +10,13 @@
   },
   "dependencies": {
     "@ducanh2912/next-sw": "latest",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@types/node": "20.6.1",
-    "@types/react": "18.2.21",
+    "@types/node": "20.6.3",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "typescript": "5.2.2"
   }

diff --git a/package.json b/package.json
@@ -34,13 +34,13 @@
     "@changesets/cli": "2.26.2",
     "@ducanh2912/next-pwa": "workspace:*",
     "@ducanh2912/next-sw": "workspace:*",
-    "@types/node": "20.6.1",
+    "@types/node": "20.6.3",
     "@types/shell-quote": "1.7.1",
-    "@typescript-eslint/eslint-plugin": "6.7.0",
-    "@typescript-eslint/parser": "6.7.0",
+    "@typescript-eslint/eslint-plugin": "6.7.2",
+    "@typescript-eslint/parser": "6.7.2",
     "cross-env": "7.0.3",
     "eslint": "8.49.0",
-    "eslint-config-next": "13.4.19",
+    "eslint-config-next": "13.5.2",
     "eslint-config-prettier": "9.0.0",
     "eslint-config-turbo": "1.10.14",
     "eslint-plugin-import": "2.28.1",
@@ -49,14 +49,14 @@
     "husky": "8.0.3",
     "jest": "29.7.0",
     "lint-staged": "14.0.1",
-    "npm-check-updates": "16.14.3",
+    "npm-check-updates": "16.14.4",
     "prettier": "3.0.3",
     "prettier-plugin-tailwindcss": "0.5.4",
     "rimraf": "5.0.1",
     "shell-quote": "1.8.1",
     "tslib": "2.6.2",
     "turbo": "1.10.14",
-    "typescript": "5.3.0-dev.20230915"
+    "typescript": "5.3.0-dev.20230921"
   },
   "packageManager": "[email protected]"
 }
diff --git a/packages/constants/package.json b/packages/constants/package.json
@@ -19,6 +19,6 @@
     }
   },
   "devDependencies": {
-    "@swc/core": "1.3.78"
+    "@swc/core": "1.3.86"
   }
 }
diff --git a/packages/constants/src/swc-config.js b/packages/constants/src/swc-config.js
@@ -5,8 +5,6 @@
 export const swcConfig = {
   module: {
     type: "nodenext",
-    lazy: true,
-    importInterop: "swc",
   },
   jsc: {
     minify: {
@@ -31,9 +29,6 @@ export const swcConfig = {
       dynamicImport: true,
       decorators: false,
     },
-    transform: {
-      react: undefined,
-    },
     target: "esnext",
     loose: false,
   },

diff --git a/packages/next-pwa/__tests__/package.json b/packages/next-pwa/__tests__/package.json
@@ -2,9 +2,10 @@
   "name": "next-pwa-tests",
   "version": "1.0.0",
   "private": true,
+  "type": "module",
   "devDependencies": {
     "@types/jest": "29.5.5",
-    "@types/react": "18.2.21",
+    "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "tests-utils": "workspace:*"
   }

diff --git a/packages/next-pwa/package.json b/packages/next-pwa/package.json
@@ -74,17 +74,17 @@
     "@rollup/plugin-node-resolve": "15.2.1",
     "@rollup/plugin-swc": "0.2.0",
     "@rollup/plugin-typescript": "11.1.3",
-    "@swc/core": "1.3.78",
-    "@types/node": "20.6.1",
+    "@swc/core": "1.3.86",
+    "@types/node": "20.6.3",
     "@types/semver": "7.5.2",
     "chalk": "5.3.0",
-    "next": "13.4.19",
+    "next": "13.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rollup": "3.28.1",
     "rollup-plugin-dts": "6.0.2",
     "type-fest": "4.3.1",
-    "typescript": "5.3.0-dev.20230915",
+    "typescript": "5.3.0-dev.20230921",
     "webpack": "5.88.2"
   },
   "peerDependencies": {

diff --git a/packages/next-pwa/src/types.ts b/packages/next-pwa/src/types.ts
@@ -16,7 +16,7 @@ export interface PluginOptions {
   browserslist?: BrowserslistOptions;
   /**
    * One or more specifiers used to exclude assets from the precache manifest.
-   * This is interpreted following the same rules as Webpack's standard `exclude`
+   * This is interpreted following the same rules as webpack's standard `exclude`
    * option. Relative to `.next/static` or your custom build folder. Defaults to
    * [].
    * @example

diff --git a/packages/next-pwa/src/webpack-builders/.swcrc.ts b/packages/next-pwa/src/webpack-builders/.swcrc.ts
@@ -1,23 +1,20 @@
 import type { Options } from "@swc/core";
 
+/**
+ * Our default `.swcrc`. Manually inject `env.targets` before use (this is done
+ * automatically if you use `getSharedWebpackConfig`).
+ */
 export const defaultSwcRc: Options = {
   module: {
     type: "es6",
-    lazy: true,
-    noInterop: true,
   },
   jsc: {
     parser: {
       syntax: "typescript",
-      tsx: true,
+      tsx: false,
       dynamicImport: true,
       decorators: false,
     },
-    transform: {
-      react: {
-        runtime: "automatic",
-      },
-    },
     loose: false,
   },
   minify: false,

diff --git a/packages/next-pwa/src/webpack-builders/build-custom-worker.ts b/packages/next-pwa/src/webpack-builders/build-custom-worker.ts
@@ -77,7 +77,7 @@ export const buildCustomWorker = ({
     );
   }
 
-  // We'd like to use Webpack's `[hash]`, but we can't determine that hash without
+  // We'd like to use webpack's `[hash]`, but we can't determine that hash without
   // Promise (Next doesn't allow Promise in webpack(config, context), but even if we
   // use Promise we will block the build until our stuff is done)
   const name = `${customWorkerPrefix}-${getContentHash(
@@ -117,16 +117,17 @@ export const buildCustomWorker = ({
 
   webpack(webpackConfig, (error, status) => {
     if (error || status?.hasErrors()) {
-      logger.error("Failed to compile the custom worker.");
+      logger.error("Failed to build the custom worker.");
       logger.error(
         status?.toString({ colors: true }) ?? error?.message ?? "Unknown error"
       );
-      if (!isDev) {
-        process.exit(-1);
-      }
+      if (!isDev)
+        throw new Error(
+          "Failed to build the custom worker due to webpack errors."
+        );
     } else {
       logger.event(
-        `Compiled the custom worker successfully! (${
+        `Built the custom worker successfully! (${
           status?.compilation.modules.size ?? 0
         } modules)`
       );