Interpolate module.exports as default import #36082

Brooooooklyn · 2022-04-12T06:05:24Z

fixes #34412

Bug

Related issues linked using fixes #number
Integration tests added
Errors have helpful link attached, see contributing.md

Feature

Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
Related issues linked using fixes #number
Integration tests added
Documentation added
Telemetry added. In case of a feature if it's used or not.
Errors have helpful link attached, see contributing.md

Documentation / Examples

Make sure the linting passes by running yarn lint

ijjk · 2022-04-12T06:32:28Z

Stats from current PR

Default Build (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
buildDuration	18.9s	18.9s	⚠️ +10ms
buildDurationCached	7.4s	7.9s	⚠️ +414ms
nodeModulesSize	484 MB	484 MB	⚠️ +7.96 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
/ failed reqs	0	0	✓
/ total time (seconds)	4.338	4.027	-0.31
/ avg req/sec	576.36	620.74	+44.38
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	2.082	1.963	-0.12
/error-in-render avg req/sec	1200.59	1273.58	+72.99

Client Bundles (main, webpack) Overall increase ⚠️

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
925.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	42 kB	42 kB	✓
main-HASH.js gzip	28 kB	28.3 kB	⚠️ +315 B
webpack-HASH.js gzip	1.44 kB	1.44 kB	✓
Overall change	71.7 kB	72 kB	⚠️ +315 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall increase ⚠️

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
_app-HASH.js gzip	1.36 kB	1.36 kB	✓
_error-HASH.js gzip	192 B	192 B	✓
amp-HASH.js gzip	309 B	309 B	✓
css-HASH.js gzip	327 B	327 B	✓
dynamic-HASH.js gzip	3.05 kB	3.05 kB	✓
head-HASH.js gzip	351 B	351 B	✓
hooks-HASH.js gzip	920 B	920 B	✓
image-HASH.js gzip	5.68 kB	5.73 kB	⚠️ +46 B
index-HASH.js gzip	263 B	263 B	✓
link-HASH.js gzip	2.32 kB	2.36 kB	⚠️ +44 B
routerDirect..HASH.js gzip	320 B	320 B	✓
script-HASH.js gzip	387 B	392 B	⚠️ +5 B
withRouter-HASH.js gzip	319 B	319 B	✓
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	15.9 kB	16 kB	⚠️ +95 B

Client Build Manifests

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
_buildManifest.js gzip	460 B	460 B	✓
Overall change	460 B	460 B	✓

Rendered Page Sizes

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
index.html gzip	532 B	532 B	✓
link.html gzip	546 B	546 B	✓
withRouter.html gzip	526 B	526 B	✓
Overall change	1.6 kB	1.6 kB	✓

Diffs

Diff for _buildManifest.js

@@ -12,14 +12,14 @@ self.__BUILD_MANIFEST = {
   ],
   "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-96a5d6ed07cf5a83.js"],
   "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-9dfe734f583d4926.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-0e5a6c840e535a1d.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-a72b8ab130103a8f.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-5597cb692d5dcc6b.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-c605640c895e01ab.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-cb15c8ac2322bf32.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-98eb70bf22fb21da.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-8706ec6f36f636f6.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-1d699e963b4c9346.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-1285f0be62775073.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-ee616b01250df021.js"
   ],
   sortedPages: [
     "\u002F",

Diff for image-HASH.js

@@ -18,13 +18,8 @@
       /***/
     },
 
-    /***/ 9749: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 9749: /***/ function(module, exports, __webpack_require__) {
       "use strict";
-      var __webpack_unused_export__;
 
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
@@ -123,9 +118,9 @@
         )
           return _arrayLikeToArray(o, minLen);
       }
-      __webpack_unused_export__ = {
+      Object.defineProperty(exports, "__esModule", {
         value: true
-      };
+      });
       exports["default"] = Image;
       var _react = _interopRequireWildcard(__webpack_require__(7294));
       var _head = _interopRequireDefault(__webpack_require__(3121));
@@ -1104,16 +1099,19 @@
           .concat(encodeURIComponent(src), "&w=")
           .concat(width, "&q=")
           .concat(quality || 75);
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=image.js.map
 
       /***/
     },
 
-    /***/ 9246: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 9246: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -1312,6 +1310,13 @@
           })
         );
         return instance;
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=use-intersection.js.map
 
       /***/
@@ -1339,7 +1344,8 @@
       // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(5893);
       // EXTERNAL MODULE: ./node_modules/next/image.js
-      var next_image = __webpack_require__(5675); // CONCATENATED MODULE: ./pages/nextjs.png
+      var next_image = __webpack_require__(5675);
+      var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ var nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
         height: 1347,
@@ -1353,7 +1359,7 @@
             /*#__PURE__*/ (0, jsx_runtime.jsx)("h1", {
               children: "next/image example"
             }),
-            /*#__PURE__*/ (0, jsx_runtime.jsx)(next_image["default"], {
+            /*#__PURE__*/ (0, jsx_runtime.jsx)(image_default(), {
               src: nextjs,
               placeholder: "blur"
             })

Diff for link-HASH.js

@@ -18,13 +18,8 @@
       /***/
     },
 
-    /***/ 1551: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 1551: /***/ function(module, exports, __webpack_require__) {
       "use strict";
-      var __webpack_unused_export__;
 
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
@@ -95,9 +90,9 @@
         )
           return _arrayLikeToArray(o, minLen);
       }
-      __webpack_unused_export__ = {
+      Object.defineProperty(exports, "__esModule", {
         value: true
-      };
+      });
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(7294));
       var _router = __webpack_require__(1003);
@@ -326,16 +321,19 @@
         return /*#__PURE__*/ _react.default.cloneElement(child, childProps);
       }
       var _default = Link;
-      exports["default"] = _default; //# sourceMappingURL=link.js.map
+      exports["default"] = _default;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=link.js.map
 
       /***/
     },
 
-    /***/ 9246: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 9246: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -534,6 +532,13 @@
           })
         );
         return instance;
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=use-intersection.js.map
 
       /***/
@@ -558,6 +563,9 @@
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
         1664
       );
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        next_link__WEBPACK_IMPORTED_MODULE_1__
+      );
 
       function aLink(props) {
         return /*#__PURE__*/ (0,
@@ -569,7 +577,7 @@
             }),
             /*#__PURE__*/ (0,
             react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-              next_link__WEBPACK_IMPORTED_MODULE_1__["default"],
+              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
               {
                 href: "/",
                 children: "Go to /"

Diff for routerDirect-HASH.js

@@ -37,6 +37,9 @@
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
         1163
       );
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        next_router__WEBPACK_IMPORTED_MODULE_1__
+      );
 
       /* eslint-disable-next-line */

Diff for script-HASH.js

@@ -37,6 +37,9 @@
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
         4298
       );
+      /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        next_script__WEBPACK_IMPORTED_MODULE_1__
+      );
 
       var Page = function() {
         return /*#__PURE__*/ (0,
@@ -50,7 +53,7 @@
               }),
               /*#__PURE__*/ (0,
               react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-                next_script__WEBPACK_IMPORTED_MODULE_1__["default"],
+                next_script__WEBPACK_IMPORTED_MODULE_1___default(),
                 {
                   dangerouslySetInnerHTML: {
                     __html: 'console.log("hello")'

Diff for withRouter-HASH.js

@@ -37,6 +37,9 @@
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
         1163
       );
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        next_router__WEBPACK_IMPORTED_MODULE_1__
+      );
 
       function useWithRouter(props) {
         return /*#__PURE__*/ (0,

Diff for main-HASH.js

@@ -57,7 +57,7 @@
       /***/
     },
 
-    /***/ 1831: /***/ function(__unused_webpack_module, exports) {
+    /***/ 1831: /***/ function(module, exports) {
       "use strict";
 
       function _instanceof(left, right) {
@@ -239,16 +239,19 @@
           oldTags.length +
           newTags.length
         ).toString();
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=head-manager.js.map
 
       /***/
     },
 
-    /***/ 4534: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 4534: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
@@ -790,9 +793,8 @@
                     if (false) {
                     }
                     if (initialData.scriptLoader) {
-                      initScriptLoader = __webpack_require__(
-                        3573
-                      ) /* .initScriptLoader */.z;
+                      initScriptLoader = __webpack_require__(3573)
+                        .initScriptLoader;
                       initScriptLoader(initialData.scriptLoader);
                     }
                     pageLoader = new _pageLoader.default(
@@ -1530,16 +1532,19 @@
           [callback]
         );
         return null;
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=index.js.map
 
       /***/
     },
 
-    /***/ 1783: /***/ function(
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) {
+    /***/ 1783: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       var _ = __webpack_require__(4534);
@@ -1556,12 +1561,19 @@
         .then(function() {
           return (0, _).hydrate();
         })
-        .catch(console.error); //# sourceMappingURL=next.js.map
+        .catch(console.error);
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=next.js.map
 
       /***/
     },
 
-    /***/ 2700: /***/ function(__unused_webpack_module, exports) {
+    /***/ 2700: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1573,16 +1585,19 @@
         return path.endsWith("/") && path !== "/" ? path.slice(0, -1) : path;
       }
       var normalizePathTrailingSlash = false ? 0 : removePathTrailingSlash;
-      exports.normalizePathTrailingSlash = normalizePathTrailingSlash; //# sourceMappingURL=normalize-trailing-slash.js.map
+      exports.normalizePathTrailingSlash = normalizePathTrailingSlash;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=normalize-trailing-slash.js.map
 
       /***/
     },
 
-    /***/ 976: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 976: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _classCallCheck(instance, Constructor) {
@@ -1757,16 +1772,19 @@
         ]);
         return PageLoader;
       })();
-      exports["default"] = PageLoader; //# sourceMappingURL=page-loader.js.map
+      exports["default"] = PageLoader;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=page-loader.js.map
 
       /***/
     },
 
-    /***/ 659: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 659: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1804,16 +1822,19 @@
         (0, _webVitals).getLCP(onReport);
         (0, _webVitals).getTTFB(onReport);
       };
-      exports["default"] = _default; //# sourceMappingURL=performance-relayer.js.map
+      exports["default"] = _default;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=performance-relayer.js.map
 
       /***/
     },
 
-    /***/ 7345: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 7345: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -1916,12 +1937,19 @@
             )
           : null;
       };
-      exports.Portal = Portal; //# sourceMappingURL=index.js.map
+      exports.Portal = Portal;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=index.js.map
 
       /***/
     },
 
-    /***/ 4686: /***/ function(__unused_webpack_module, exports) {
+    /***/ 4686: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1951,16 +1979,19 @@
         function(id) {
           return clearTimeout(id);
         };
-      exports.cancelIdleCallback = cancelIdleCallback; //# sourceMappingURL=request-idle-callback.js.map
+      exports.cancelIdleCallback = cancelIdleCallback;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=request-idle-callback.js.map
 
       /***/
     },
 
-    /***/ 8483: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 8483: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -2100,16 +2131,19 @@
         );
       }
       var _default = RouteAnnouncer;
-      exports["default"] = _default; //# sourceMappingURL=route-announcer.js.map
+      exports["default"] = _default;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=route-announcer.js.map
 
       /***/
     },
 
-    /***/ 2497: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 2497: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2495,16 +2529,19 @@
               .catch(function() {});
           }
         };
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=route-loader.js.map
 
       /***/
     },
 
-    /***/ 880: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 880: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -2815,18 +2852,20 @@
           };
         });
         return instance;
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=router.js.map
 
       /***/
     },
 
-    /***/ 3573: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 3573: /***/ function(module, exports, __webpack_require__) {
       "use strict";
-      var __webpack_unused_export__;
 
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
@@ -2889,10 +2928,10 @@
         )
           return _arrayLikeToArray(o, minLen);
       }
-      __webpack_unused_export__ = {
+      Object.defineProperty(exports, "__esModule", {
         value: true
-      };
-      exports.z = initScriptLoader;
+      });
+      exports.initScriptLoader = initScriptLoader;
       exports["default"] = void 0;
       var _react = _interopRequireWildcard(__webpack_require__(7294));
       var _headManagerContext = __webpack_require__(4664);
@@ -3172,16 +3211,19 @@
         return null;
       }
       var _default = Script;
-      exports["default"] = _default; //# sourceMappingURL=script.js.map
+      exports["default"] = _default;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=script.js.map
 
       /***/
     },
 
-    /***/ 2129: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 2129: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3194,16 +3236,19 @@
       exports.RefreshContext = RefreshContext;
       function useRefreshRoot() {
         return (0, _react).useContext(RefreshContext);
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=refresh.js.map
 
       /***/
     },
 
-    /***/ 7185: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 7185: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3253,16 +3298,19 @@
           },
           [callback]
         );
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=vitals.js.map
 
       /***/
     },
 
-    /***/ 9977: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 9977: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3297,6 +3345,13 @@
           : {
               default: obj
             };
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=with-router.js.map
 
       /***/

Diff for index.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-68df418029b9a7b3.js"
+      src="/_next/static/chunks/main-b73e0d901162b978.js"
       defer=""
     ></script>
     <script

Diff for link.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-68df418029b9a7b3.js"
+      src="/_next/static/chunks/main-b73e0d901162b978.js"
       defer=""
     ></script>
     <script
@@ -27,7 +27,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-a72b8ab130103a8f.js"
+      src="/_next/static/chunks/pages/link-c605640c895e01ab.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for withRouter.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-68df418029b9a7b3.js"
+      src="/_next/static/chunks/main-b73e0d901162b978.js"
       defer=""
     ></script>
     <script
@@ -27,7 +27,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-1285f0be62775073.js"
+      src="/_next/static/chunks/pages/withRouter-ee616b01250df021.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Default Build with SWC (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
buildDuration	22.5s	22.6s	⚠️ +121ms
buildDurationCached	7.4s	7.2s	-255ms
nodeModulesSize	484 MB	484 MB	⚠️ +7.96 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
/ failed reqs	0	0	✓
/ total time (seconds)	4.495	4.457	-0.04
/ avg req/sec	556.14	560.88	+4.74
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.901	2.164	⚠️ +0.26
/error-in-render avg req/sec	1315.19	1155.12	⚠️ -160.07

Client Bundles (main, webpack) Overall increase ⚠️

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
925.HASH.js gzip	178 B	178 B	✓
framework-HASH.js gzip	42.3 kB	42.3 kB	✓
main-HASH.js gzip	28.3 kB	28.7 kB	⚠️ +360 B
webpack-HASH.js gzip	1.45 kB	1.45 kB	✓
Overall change	72.3 kB	72.6 kB	⚠️ +360 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall increase ⚠️

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
_app-HASH.js gzip	1.35 kB	1.35 kB	✓
_error-HASH.js gzip	179 B	179 B	✓
amp-HASH.js gzip	313 B	313 B	✓
css-HASH.js gzip	325 B	325 B	✓
dynamic-HASH.js gzip	3.03 kB	3.03 kB	✓
head-HASH.js gzip	351 B	351 B	✓
hooks-HASH.js gzip	921 B	921 B	✓
image-HASH.js gzip	5.74 kB	5.77 kB	⚠️ +31 B
index-HASH.js gzip	261 B	261 B	✓
link-HASH.js gzip	2.38 kB	2.44 kB	⚠️ +53 B
routerDirect..HASH.js gzip	322 B	322 B	✓
script-HASH.js gzip	388 B	393 B	⚠️ +5 B
withRouter-HASH.js gzip	317 B	317 B	✓
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	16 kB	16.1 kB	⚠️ +89 B

Client Build Manifests Overall decrease ✓

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
_buildManifest.js gzip	459 B	458 B	-1 B
Overall change	459 B	458 B	-1 B

Rendered Page Sizes Overall increase ⚠️

	vercel/next.js canary	vercel/next.js interpolate-default-exports	Change
index.html gzip	532 B	533 B	⚠️ +1 B
link.html gzip	544 B	547 B	⚠️ +3 B
withRouter.html gzip	526 B	527 B	⚠️ +1 B
Overall change	1.6 kB	1.61 kB	⚠️ +5 B

Diffs

Diff for _buildManifest.js

@@ -12,14 +12,14 @@ self.__BUILD_MANIFEST = {
   ],
   "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-96a5d6ed07cf5a83.js"],
   "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-9dfe734f583d4926.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-0e5a6c840e535a1d.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-a72b8ab130103a8f.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-5597cb692d5dcc6b.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-c605640c895e01ab.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-cb15c8ac2322bf32.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-98eb70bf22fb21da.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-8706ec6f36f636f6.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-1d699e963b4c9346.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-1285f0be62775073.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-ee616b01250df021.js"
   ],
   sortedPages: [
     "\u002F",

Diff for image-HASH.js

@@ -18,13 +18,8 @@
       /***/
     },
 
-    /***/ 9749: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 9749: /***/ function(module, exports, __webpack_require__) {
       "use strict";
-      var __webpack_unused_export__;
 
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
@@ -123,9 +118,9 @@
         )
           return _arrayLikeToArray(o, minLen);
       }
-      __webpack_unused_export__ = {
+      Object.defineProperty(exports, "__esModule", {
         value: true
-      };
+      });
       exports["default"] = Image;
       var _react = _interopRequireWildcard(__webpack_require__(7294));
       var _head = _interopRequireDefault(__webpack_require__(3121));
@@ -1104,16 +1099,19 @@
           .concat(encodeURIComponent(src), "&w=")
           .concat(width, "&q=")
           .concat(quality || 75);
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=image.js.map
 
       /***/
     },
 
-    /***/ 9246: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 9246: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -1312,6 +1310,13 @@
           })
         );
         return instance;
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=use-intersection.js.map
 
       /***/
@@ -1339,7 +1344,8 @@
       // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(5893);
       // EXTERNAL MODULE: ./node_modules/next/image.js
-      var next_image = __webpack_require__(5675); // CONCATENATED MODULE: ./pages/nextjs.png
+      var next_image = __webpack_require__(5675);
+      var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ var nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
         height: 1347,
@@ -1353,7 +1359,7 @@
             /*#__PURE__*/ (0, jsx_runtime.jsx)("h1", {
               children: "next/image example"
             }),
-            /*#__PURE__*/ (0, jsx_runtime.jsx)(next_image["default"], {
+            /*#__PURE__*/ (0, jsx_runtime.jsx)(image_default(), {
               src: nextjs,
               placeholder: "blur"
             })

Diff for link-HASH.js

@@ -18,13 +18,8 @@
       /***/
     },
 
-    /***/ 1551: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 1551: /***/ function(module, exports, __webpack_require__) {
       "use strict";
-      var __webpack_unused_export__;
 
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
@@ -95,9 +90,9 @@
         )
           return _arrayLikeToArray(o, minLen);
       }
-      __webpack_unused_export__ = {
+      Object.defineProperty(exports, "__esModule", {
         value: true
-      };
+      });
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(7294));
       var _router = __webpack_require__(1003);
@@ -326,16 +321,19 @@
         return /*#__PURE__*/ _react.default.cloneElement(child, childProps);
       }
       var _default = Link;
-      exports["default"] = _default; //# sourceMappingURL=link.js.map
+      exports["default"] = _default;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=link.js.map
 
       /***/
     },
 
-    /***/ 9246: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 9246: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -534,6 +532,13 @@
           })
         );
         return instance;
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=use-intersection.js.map
 
       /***/
@@ -558,6 +563,9 @@
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
         1664
       );
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        next_link__WEBPACK_IMPORTED_MODULE_1__
+      );
 
       function aLink(props) {
         return /*#__PURE__*/ (0,
@@ -569,7 +577,7 @@
             }),
             /*#__PURE__*/ (0,
             react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-              next_link__WEBPACK_IMPORTED_MODULE_1__["default"],
+              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
               {
                 href: "/",
                 children: "Go to /"

Diff for routerDirect-HASH.js

@@ -37,6 +37,9 @@
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
         1163
       );
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        next_router__WEBPACK_IMPORTED_MODULE_1__
+      );
 
       /* eslint-disable-next-line */

Diff for script-HASH.js

@@ -37,6 +37,9 @@
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
         4298
       );
+      /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        next_script__WEBPACK_IMPORTED_MODULE_1__
+      );
 
       var Page = function() {
         return /*#__PURE__*/ (0,
@@ -50,7 +53,7 @@
               }),
               /*#__PURE__*/ (0,
               react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-                next_script__WEBPACK_IMPORTED_MODULE_1__["default"],
+                next_script__WEBPACK_IMPORTED_MODULE_1___default(),
                 {
                   dangerouslySetInnerHTML: {
                     __html: 'console.log("hello")'

Diff for withRouter-HASH.js

@@ -37,6 +37,9 @@
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
         1163
       );
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        next_router__WEBPACK_IMPORTED_MODULE_1__
+      );
 
       function useWithRouter(props) {
         return /*#__PURE__*/ (0,

Diff for main-HASH.js

@@ -57,7 +57,7 @@
       /***/
     },
 
-    /***/ 1831: /***/ function(__unused_webpack_module, exports) {
+    /***/ 1831: /***/ function(module, exports) {
       "use strict";
 
       function _instanceof(left, right) {
@@ -239,16 +239,19 @@
           oldTags.length +
           newTags.length
         ).toString();
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=head-manager.js.map
 
       /***/
     },
 
-    /***/ 4534: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 4534: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
@@ -790,9 +793,8 @@
                     if (false) {
                     }
                     if (initialData.scriptLoader) {
-                      initScriptLoader = __webpack_require__(
-                        3573
-                      ) /* .initScriptLoader */.z;
+                      initScriptLoader = __webpack_require__(3573)
+                        .initScriptLoader;
                       initScriptLoader(initialData.scriptLoader);
                     }
                     pageLoader = new _pageLoader.default(
@@ -1530,16 +1532,19 @@
           [callback]
         );
         return null;
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=index.js.map
 
       /***/
     },
 
-    /***/ 1783: /***/ function(
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) {
+    /***/ 1783: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       var _ = __webpack_require__(4534);
@@ -1556,12 +1561,19 @@
         .then(function() {
           return (0, _).hydrate();
         })
-        .catch(console.error); //# sourceMappingURL=next.js.map
+        .catch(console.error);
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=next.js.map
 
       /***/
     },
 
-    /***/ 2700: /***/ function(__unused_webpack_module, exports) {
+    /***/ 2700: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1573,16 +1585,19 @@
         return path.endsWith("/") && path !== "/" ? path.slice(0, -1) : path;
       }
       var normalizePathTrailingSlash = false ? 0 : removePathTrailingSlash;
-      exports.normalizePathTrailingSlash = normalizePathTrailingSlash; //# sourceMappingURL=normalize-trailing-slash.js.map
+      exports.normalizePathTrailingSlash = normalizePathTrailingSlash;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=normalize-trailing-slash.js.map
 
       /***/
     },
 
-    /***/ 976: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 976: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _classCallCheck(instance, Constructor) {
@@ -1757,16 +1772,19 @@
         ]);
         return PageLoader;
       })();
-      exports["default"] = PageLoader; //# sourceMappingURL=page-loader.js.map
+      exports["default"] = PageLoader;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=page-loader.js.map
 
       /***/
     },
 
-    /***/ 659: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 659: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1804,16 +1822,19 @@
         (0, _webVitals).getLCP(onReport);
         (0, _webVitals).getTTFB(onReport);
       };
-      exports["default"] = _default; //# sourceMappingURL=performance-relayer.js.map
+      exports["default"] = _default;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=performance-relayer.js.map
 
       /***/
     },
 
-    /***/ 7345: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 7345: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -1916,12 +1937,19 @@
             )
           : null;
       };
-      exports.Portal = Portal; //# sourceMappingURL=index.js.map
+      exports.Portal = Portal;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=index.js.map
 
       /***/
     },
 
-    /***/ 4686: /***/ function(__unused_webpack_module, exports) {
+    /***/ 4686: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1951,16 +1979,19 @@
         function(id) {
           return clearTimeout(id);
         };
-      exports.cancelIdleCallback = cancelIdleCallback; //# sourceMappingURL=request-idle-callback.js.map
+      exports.cancelIdleCallback = cancelIdleCallback;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=request-idle-callback.js.map
 
       /***/
     },
 
-    /***/ 8483: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 8483: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -2100,16 +2131,19 @@
         );
       }
       var _default = RouteAnnouncer;
-      exports["default"] = _default; //# sourceMappingURL=route-announcer.js.map
+      exports["default"] = _default;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=route-announcer.js.map
 
       /***/
     },
 
-    /***/ 2497: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 2497: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2495,16 +2529,19 @@
               .catch(function() {});
           }
         };
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=route-loader.js.map
 
       /***/
     },
 
-    /***/ 880: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 880: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       function _arrayLikeToArray(arr, len) {
@@ -2815,18 +2852,20 @@
           };
         });
         return instance;
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=router.js.map
 
       /***/
     },
 
-    /***/ 3573: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 3573: /***/ function(module, exports, __webpack_require__) {
       "use strict";
-      var __webpack_unused_export__;
 
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
@@ -2889,10 +2928,10 @@
         )
           return _arrayLikeToArray(o, minLen);
       }
-      __webpack_unused_export__ = {
+      Object.defineProperty(exports, "__esModule", {
         value: true
-      };
-      exports.z = initScriptLoader;
+      });
+      exports.initScriptLoader = initScriptLoader;
       exports["default"] = void 0;
       var _react = _interopRequireWildcard(__webpack_require__(7294));
       var _headManagerContext = __webpack_require__(4664);
@@ -3172,16 +3211,19 @@
         return null;
       }
       var _default = Script;
-      exports["default"] = _default; //# sourceMappingURL=script.js.map
+      exports["default"] = _default;
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=script.js.map
 
       /***/
     },
 
-    /***/ 2129: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 2129: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3194,16 +3236,19 @@
       exports.RefreshContext = RefreshContext;
       function useRefreshRoot() {
         return (0, _react).useContext(RefreshContext);
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=refresh.js.map
 
       /***/
     },
 
-    /***/ 7185: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 7185: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3253,16 +3298,19 @@
           },
           [callback]
         );
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=vitals.js.map
 
       /***/
     },
 
-    /***/ 9977: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
+    /***/ 9977: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3297,6 +3345,13 @@
           : {
               default: obj
             };
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
       } //# sourceMappingURL=with-router.js.map
 
       /***/

Diff for index.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-68df418029b9a7b3.js"
+      src="/_next/static/chunks/main-b73e0d901162b978.js"
       defer=""
     ></script>
     <script

Diff for link.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-68df418029b9a7b3.js"
+      src="/_next/static/chunks/main-b73e0d901162b978.js"
       defer=""
     ></script>
     <script
@@ -27,7 +27,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-a72b8ab130103a8f.js"
+      src="/_next/static/chunks/pages/link-c605640c895e01ab.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for withRouter.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-68df418029b9a7b3.js"
+      src="/_next/static/chunks/main-b73e0d901162b978.js"
       defer=""
     ></script>
     <script
@@ -27,7 +27,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-1285f0be62775073.js"
+      src="/_next/static/chunks/pages/withRouter-ee616b01250df021.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Commit: 7ea568e

Brooooooklyn force-pushed the interpolate-default-exports branch from defab5c to b756770 Compare April 12, 2022 09:53

ijjk added the type: next label Apr 12, 2022

Brooooooklyn force-pushed the interpolate-default-exports branch from b756770 to 6ccfdc6 Compare April 12, 2022 12:57

Brooooooklyn added 3 commits April 12, 2022 21:10

Validate @types/react by fs API as it has exports fields

19b80aa

Make tests failed as expected

3b9fac8

Add back default exports interpolation

7ea568e

Brooooooklyn force-pushed the interpolate-default-exports branch from 6ccfdc6 to 7ea568e Compare April 12, 2022 13:40

Brooooooklyn marked this pull request as ready for review April 12, 2022 13:58

Brooooooklyn requested review from timneutkens, ijjk, shuding, padmaia and huozhi as code owners April 12, 2022 13:58

shuding approved these changes Apr 12, 2022

View reviewed changes

kodiakhq bot merged commit da6f271 into canary Apr 12, 2022

kodiakhq bot deleted the interpolate-default-exports branch April 12, 2022 14:32

This was referenced Apr 12, 2022

Validate @types/react by fs API as it has exports fields #36094

Closed

create-next-app --ts not recognising @types/react #36085

Closed

snyk-bot mentioned this pull request May 4, 2022

[Snyk] Upgrade next from 12.0.7 to 12.1.5 NOUIY/next.js#230

Open

github-actions bot locked as resolved and limited conversation to collaborators May 13, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Interpolate module.exports as default import #36082

Interpolate module.exports as default import #36082

Brooooooklyn commented Apr 12, 2022

ijjk commented Apr 12, 2022 •

edited

Diffs

Diffs

Interpolate module.exports as default import #36082

Interpolate module.exports as default import #36082

Conversation

Brooooooklyn commented Apr 12, 2022

Bug

Feature

Documentation / Examples

ijjk commented Apr 12, 2022 • edited

Stats from current PR

Diffs

Diffs

ijjk commented Apr 12, 2022 •

edited