Stats from current release

ijjk · 2022-03-09T14:18:55Z

Stats from current release

Default Build (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
buildDuration	15.4s	15.5s	⚠️ +102ms
buildDurationCached	6s	6.1s	⚠️ +110ms
nodeModulesSize	372 MB	372 MB	-43.8 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.028	2.967	-0.06
/ avg req/sec	825.69	842.63	+16.94
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.204	1.225	⚠️ +0.02
/error-in-render avg req/sec	2075.9	2040.81	⚠️ -35.09

Client Bundles (main, webpack) Overall decrease ✓

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
450.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	42 kB	42 kB	✓
main-HASH.js gzip	27.9 kB	27.9 kB	-17 B
webpack-HASH.js gzip	1.44 kB	1.44 kB	✓
Overall change	71.6 kB	71.6 kB	-17 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall increase ⚠️

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
_app-HASH.js gzip	1.36 kB	1.36 kB	-2 B
_error-HASH.js gzip	194 B	192 B	-2 B
amp-HASH.js gzip	312 B	309 B	-3 B
css-HASH.js gzip	326 B	327 B	⚠️ +1 B
dynamic-HASH.js gzip	2.57 kB	2.57 kB	⚠️ +6 B
head-HASH.js gzip	350 B	351 B	⚠️ +1 B
hooks-HASH.js gzip	919 B	920 B	⚠️ +1 B
image-HASH.js gzip	5.05 kB	5.09 kB	⚠️ +44 B
index-HASH.js gzip	263 B	263 B	✓
link-HASH.js gzip	2.26 kB	2.26 kB	⚠️ +3 B
routerDirect..HASH.js gzip	321 B	320 B	-1 B
script-HASH.js gzip	383 B	387 B	⚠️ +4 B
withRouter-HASH.js gzip	318 B	319 B	⚠️ +1 B
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	14.7 kB	14.8 kB	⚠️ +53 B

Client Build Manifests

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
_buildManifest.js gzip	460 B	460 B	✓
Overall change	460 B	460 B	✓

Rendered Page Sizes Overall decrease ✓

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
index.html gzip	533 B	530 B	-3 B
link.html gzip	546 B	544 B	-2 B
withRouter.html gzip	527 B	524 B	-3 B
Overall change	1.61 kB	1.6 kB	-8 B

Diffs

Diff for _buildManifest.js

@@ -1,25 +1,25 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-22405fb865808942.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-97db2c91e74bb63f.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-8c7b17a56b7abb6e.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-7dee323746710646.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-5d03de5a43fe90da.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-ee9dddb806ed55d7.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-97182c5b8324021a.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-9b653f909589c123.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-f3926a2125ec78d2.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-5fa0a9b9d9b0e52b.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-7100d3b2a548f0e4.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-e46f7cf4e561503a.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-39f3ab40e378fe36.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-b932c7479a7c37ca.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-35c32b80abf212d2.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-8642d114a09c62c5.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-6052261a372c369a.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-0b3d72804dab6202.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-76232dd6bc335a24.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-00527c3f2207a902.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-52713a82413f16bb.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-f50930661875bacc.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-50f69b5840cc7abf.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-7a9c69580d45a83a.js"
   ],
   sortedPages: [
     "\u002F",

Diff for _app-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_app",
         function() {
-          return __webpack_require__(6029);
+          return __webpack_require__(4297);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6029: /***/ function(
+    /***/ 4297: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -153,7 +153,7 @@
       });
       exports["default"] = void 0;
       var _react = _interopRequireDefault1(__webpack_require__(7294));
-      var _utils = __webpack_require__(3794);
+      var _utils = __webpack_require__(670);
       function asyncGeneratorStep(
         gen,
         resolve,
@@ -215,6 +215,9 @@
               default: obj
             };
       }
+      function appGetInitialProps(_) {
+        return _appGetInitialProps.apply(this, arguments);
+      }
       function _appGetInitialProps() {
         _appGetInitialProps = /**
          * `App` component is used for initialize of pages. It allows for overwriting and full control of the `page` initialization.
@@ -243,9 +246,6 @@
         );
         return _appGetInitialProps.apply(this, arguments);
       }
-      function appGetInitialProps(_) {
-        return _appGetInitialProps.apply(this, arguments);
-      }
       var App = /*#__PURE__*/ (function(_Component) {
         _inherits(App, _Component);
         var _super = _createSuper(App);
@@ -269,9 +269,9 @@
         ]);
         return App;
       })(_react.default.Component);
+      exports["default"] = App;
       App.origGetInitialProps = appGetInitialProps;
-      App.getInitialProps = appGetInitialProps;
-      exports["default"] = App; //# sourceMappingURL=_app.js.map
+      App.getInitialProps = appGetInitialProps; //# sourceMappingURL=_app.js.map
 
       /***/
     }
@@ -282,7 +282,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(915), __webpack_exec__(387);
+      return __webpack_exec__(915), __webpack_exec__(880);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for _error-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_error",
         function() {
-          return __webpack_require__(9185);
+          return __webpack_require__(67);
         }
       ]);
       if (false) {

Diff for amp-HASH.js

@@ -6,7 +6,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(3240);
+      module.exports = __webpack_require__(1686);
 
       /***/
     },
@@ -19,7 +19,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function() {
-          return __webpack_require__(1910);
+          return __webpack_require__(8774);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 1910: /***/ function(
+    /***/ 8774: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for css-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function() {
-          return __webpack_require__(5089);
+          return __webpack_require__(767);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5089: /***/ function(
+    /***/ 767: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
         5893
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        1785
+        692
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -48,7 +48,7 @@
       /***/
     },
 
-    /***/ 1785: /***/ function(module) {
+    /***/ 692: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };

Diff for dynamic-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/dynamic",
         function() {
-          return __webpack_require__(3286);
+          return __webpack_require__(3370);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 638: /***/ function(
+    /***/ 7645: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -70,37 +70,10 @@
       __webpack_unused_export__ = {
         value: true
       };
-      __webpack_unused_export__ = noSSR;
       exports["default"] = dynamic;
+      __webpack_unused_export__ = noSSR;
       var _react = _interopRequireDefault(__webpack_require__(7294));
-      var _loadable = _interopRequireDefault(__webpack_require__(4302));
-      function _interopRequireDefault(obj) {
-        return obj && obj.__esModule
-          ? obj
-          : {
-              default: obj
-            };
-      }
-      var isServerSide = "object" === "undefined";
-      function noSSR(LoadableInitializer, loadableOptions) {
-        // Removing webpack and modules means react-loadable won't try preloading
-        delete loadableOptions.webpack;
-        delete loadableOptions.modules;
-        // This check is necessary to prevent react-loadable from initializing on the server
-        if (!isServerSide) {
-          return LoadableInitializer(loadableOptions);
-        }
-        var Loading = loadableOptions.loading;
-        // This will only be rendered on the server side
-        return function() {
-          /*#__PURE__*/ return _react.default.createElement(Loading, {
-            error: null,
-            isLoading: true,
-            pastDelay: false,
-            timedOut: false
-          });
-        };
-      }
+      var _loadable = _interopRequireDefault(__webpack_require__(4588));
       function dynamic(dynamicOptions, options) {
         var loadableFn = _loadable.default;
         var loadableOptions = {
@@ -163,12 +136,39 @@
           delete loadableOptions.ssr;
         }
         return loadableFn(loadableOptions);
+      }
+      function _interopRequireDefault(obj) {
+        return obj && obj.__esModule
+          ? obj
+          : {
+              default: obj
+            };
+      }
+      var isServerSide = "object" === "undefined";
+      function noSSR(LoadableInitializer, loadableOptions) {
+        // Removing webpack and modules means react-loadable won't try preloading
+        delete loadableOptions.webpack;
+        delete loadableOptions.modules;
+        // This check is necessary to prevent react-loadable from initializing on the server
+        if (!isServerSide) {
+          return LoadableInitializer(loadableOptions);
+        }
+        var Loading = loadableOptions.loading;
+        // This will only be rendered on the server side
+        return function() {
+          /*#__PURE__*/ return _react.default.createElement(Loading, {
+            error: null,
+            isLoading: true,
+            pastDelay: false,
+            timedOut: false
+          });
+        };
       } //# sourceMappingURL=dynamic.js.map
 
       /***/
     },
 
-    /***/ 6319: /***/ function(
+    /***/ 3644: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -195,7 +195,7 @@
       /***/
     },
 
-    /***/ 4302: /***/ function(
+    /***/ 4588: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -257,7 +257,7 @@
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(7294));
       var _useSubscription = __webpack_require__(7161);
-      var _loadableContext = __webpack_require__(6319);
+      var _loadableContext = __webpack_require__(3644);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -570,7 +570,7 @@
       /***/
     },
 
-    /***/ 3286: /***/ function(
+    /***/ 3370: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -594,13 +594,13 @@
       next_dynamic__WEBPACK_IMPORTED_MODULE_1__["default"])(
         function() {
           return __webpack_require__
-            .e(/* import() */ 450)
-            .then(__webpack_require__.bind(__webpack_require__, 6450));
+            .e(/* import() */ 925)
+            .then(__webpack_require__.bind(__webpack_require__, 3925));
         },
         {
           loadableGenerated: {
             webpack: function() {
-              return [/*require.resolve*/ 6450];
+              return [/*require.resolve*/ 3925];
             }
           }
         }
@@ -635,7 +635,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(638);
+      module.exports = __webpack_require__(7645);
 
       /***/
     },

Diff for head-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/head",
         function() {
-          return __webpack_require__(5423);
+          return __webpack_require__(6646);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5423: /***/ function(
+    /***/ 6646: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -73,7 +73,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(5443);
+      module.exports = __webpack_require__(3121);
 
       /***/
     }

Diff for hooks-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(5017);
+          return __webpack_require__(2297);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5017: /***/ function(
+    /***/ 2297: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for image-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function() {
-          return __webpack_require__(3155);
+          return __webpack_require__(3143);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8045: /***/ function(
+    /***/ 9749: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -128,340 +128,12 @@
       };
       exports["default"] = Image;
       var _react = _interopRequireWildcard(__webpack_require__(7294));
-      var _head = _interopRequireDefault(__webpack_require__(5443));
-      var _imageConfig = __webpack_require__(5809);
-      var _useIntersection = __webpack_require__(7190);
-      var _imageConfigContext = __webpack_require__(9977);
-      function _defineProperty1(obj, key, value) {
-        if (key in obj) {
-          Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-          });
-        } else {
-          obj[key] = value;
-        }
-        return obj;
-      }
-      function _interopRequireDefault(obj) {
-        return obj && obj.__esModule
-          ? obj
-          : {
-              default: obj
-            };
-      }
-      function _interopRequireWildcard(obj) {
-        if (obj && obj.__esModule) {
-          return obj;
-        } else {
-          var newObj = {};
-          if (obj != null) {
-            for (var key in obj) {
-              if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                var desc =
-                  Object.defineProperty && Object.getOwnPropertyDescriptor
-                    ? Object.getOwnPropertyDescriptor(obj, key)
-                    : {};
-                if (desc.get || desc.set) {
-                  Object.defineProperty(newObj, key, desc);
-                } else {
-                  newObj[key] = obj[key];
-                }
-              }
-            }
-          }
-          newObj.default = obj;
-          return newObj;
-        }
-      }
-      function _objectSpread(target) {
-        var _arguments = arguments,
-          _loop = function(i) {
-            var source = _arguments[i] != null ? _arguments[i] : {};
-            var ownKeys = Object.keys(source);
-            if (typeof Object.getOwnPropertySymbols === "function") {
-              ownKeys = ownKeys.concat(
-                Object.getOwnPropertySymbols(source).filter(function(sym) {
-                  return Object.getOwnPropertyDescriptor(
-                    source,
-                    sym
-                  ).enumerable;
-                })
-              );
-            }
-            ownKeys.forEach(function(key) {
-              _defineProperty1(target, key, source[key]);
-            });
-          };
-        for (var i = 1; i < arguments.length; i++) _loop(i);
-        return target;
-      }
-      function _objectWithoutProperties(source, excluded) {
-        if (source == null) return {};
-        var target = _objectWithoutPropertiesLoose(source, excluded);
-        var key, i;
-        if (Object.getOwnPropertySymbols) {
-          var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-          for (i = 0; i < sourceSymbolKeys.length; i++) {
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key))
-              continue;
-            target[key] = source[key];
-          }
-        }
-        return target;
-      }
-      function _objectWithoutPropertiesLoose(source, excluded) {
-        if (source == null) return {};
-        var target = {};
-        var sourceKeys = Object.keys(source);
-        var key, i;
-        for (i = 0; i < sourceKeys.length; i++) {
-          key = sourceKeys[i];
-          if (excluded.indexOf(key) >= 0) continue;
-          target[key] = source[key];
-        }
-        return target;
-      }
-      var configEnv = {
-        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
-        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-        path: "/_next/image",
-        loader: "default"
-      };
-      var loadedImageURLs = new Set();
-      var allImgs = new Map();
-      var perfObserver;
-      var emptyDataURL =
-        "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-      if (false) {
-      }
-      var VALID_LOADING_VALUES = /* unused pure expression or super */ null && [
-        "lazy",
-        "eager",
-        undefined
-      ];
-      var loaders = new Map([
-        ["default", defaultLoader],
-        ["imgix", imgixLoader],
-        ["cloudinary", cloudinaryLoader],
-        ["akamai", akamaiLoader],
-        ["custom", customLoader]
-      ]);
-      var VALID_LAYOUT_VALUES = /* unused pure expression or super */ null && [
-        "fill",
-        "fixed",
-        "intrinsic",
-        "responsive",
-        undefined
-      ];
-      function isStaticRequire(src) {
-        return src.default !== undefined;
-      }
-      function isStaticImageData(src) {
-        return src.src !== undefined;
-      }
-      function isStaticImport(src) {
-        return (
-          typeof src === "object" &&
-          (isStaticRequire(src) || isStaticImageData(src))
-        );
-      }
-      function getWidths(param, width, layout, sizes) {
-        var deviceSizes = param.deviceSizes,
-          allSizes = param.allSizes;
-        if (sizes && (layout === "fill" || layout === "responsive")) {
-          // Find all the "vw" percent sizes used in the sizes prop
-          var viewportWidthRe = /(^|\s)(1?\d?\d)vw/g;
-          var percentSizes = [];
-          for (var match; (match = viewportWidthRe.exec(sizes)); match) {
-            percentSizes.push(parseInt(match[2]));
-          }
-          if (percentSizes.length) {
-            var _Math;
-            var smallestRatio =
-              (_Math = Math).min.apply(
-                _Math,
-                _toConsumableArray(percentSizes)
-              ) * 0.01;
-            return {
-              widths: allSizes.filter(function(s) {
-                return s >= deviceSizes[0] * smallestRatio;
-              }),
-              kind: "w"
-            };
-          }
-          return {
-            widths: allSizes,
-            kind: "w"
-          };
-        }
-        if (
-          typeof width !== "number" ||
-          layout === "fill" ||
-          layout === "responsive"
-        ) {
-          return {
-            widths: deviceSizes,
-            kind: "w"
-          };
-        }
-        var widths = _toConsumableArray(
-          new Set( // > are actually 3x in the green color, but only 1.5x in the red and
-            // > blue colors. Showing a 3x resolution image in the app vs a 2x
-            // > resolution image will be visually the same, though the 3x image
-            // > takes significantly more data. Even true 3x resolution screens are
-            // > wasteful as the human eye cannot see that level of detail without
-            // > something like a magnifying glass.
-            // https://blog.twitter.com/engineering/en_us/topics/infrastructure/2019/capping-image-fidelity-on-ultra-high-resolution-devices.html
-            [width, width * 2 /*, width * 3*/].map(function(w) {
-              return (
-                allSizes.find(function(p) {
-                  return p >= w;
-                }) || allSizes[allSizes.length - 1]
-              );
-            })
-          )
-        );
-        return {
-          widths: widths,
-          kind: "x"
-        };
-      }
-      function generateImgAttrs(param) {
-        var config = param.config,
-          src = param.src,
-          unoptimized = param.unoptimized,
-          layout = param.layout,
-          width = param.width,
-          quality = param.quality,
-          sizes = param.sizes,
-          loader = param.loader;
-        if (unoptimized) {
-          return {
-            src: src,
-            srcSet: undefined,
-            sizes: undefined
-          };
-        }
-        var ref = getWidths(config, width, layout, sizes),
-          widths = ref.widths,
-          kind = ref.kind;
-        var last = widths.length - 1;
-        return {
-          sizes: !sizes && kind === "w" ? "100vw" : sizes,
-          srcSet: widths
-            .map(function(w, i) {
-              return ""
-                .concat(
-                  loader({
-                    config: config,
-                    src: src,
-                    quality: quality,
-                    width: w
-                  }),
-                  " "
-                )
-                .concat(kind === "w" ? w : i + 1)
-                .concat(kind);
-            })
-            .join(", "),
-          // It's intended to keep `src` the last attribute because React updates
-          // attributes in order. If we keep `src` the first one, Safari will
-          // immediately start to fetch `src`, before `sizes` and `srcSet` are even
-          // updated by React. That causes multiple unnecessary requests if `srcSet`
-          // and `sizes` are defined.
-          // This bug cannot be reproduced in Chrome or Firefox.
-          src: loader({
-            config: config,
-            src: src,
-            quality: quality,
-            width: widths[last]
-          })
-        };
-      }
-      function getInt(x) {
-        if (typeof x === "number") {
-          return x;
-        }
-        if (typeof x === "string") {
-          return parseInt(x, 10);
-        }
-        return undefined;
-      }
-      function defaultImageLoader(loaderProps) {
-        var ref;
-        var loaderKey =
-          ((ref = loaderProps.config) === null || ref === void 0
-            ? void 0
-            : ref.loader) || "default";
-        var load = loaders.get(loaderKey);
-        if (load) {
-          return load(loaderProps);
-        }
-        throw new Error(
-          'Unknown "loader" found in "next.config.js". Expected: '
-            .concat(_imageConfig.VALID_LOADERS.join(", "), ". Received: ")
-            .concat(loaderKey)
-        );
-      }
-      // See https://stackoverflow.com/q/39777833/266535 for why we use this ref
-      // handler instead of the img's onLoad attribute.
-      function handleLoading(
-        imgRef,
-        src,
-        layout,
-        placeholder,
-        onLoadingCompleteRef
-      ) {
-        var handleLoad = function() {
-          var img = imgRef.current;
-          if (!img) {
-            return;
-          }
-          if (img.src !== emptyDataURL) {
-            var p = "decode" in img ? img.decode() : Promise.resolve();
-            p.catch(function() {}).then(function() {
-              if (!imgRef.current) {
-                return;
-              }
-              loadedImageURLs.add(src);
-              if (placeholder === "blur") {
-                img.style.filter = "";
-                img.style.backgroundSize = "";
-                img.style.backgroundImage = "";
-                img.style.backgroundPosition = "";
-              }
-              if (onLoadingCompleteRef.current) {
-                var naturalWidth = img.naturalWidth,
-                  naturalHeight = img.naturalHeight;
-                // Pass back read-only primitive values but not the
-                // underlying DOM element because it could be misused.
-                onLoadingCompleteRef.current({
-                  naturalWidth: naturalWidth,
-                  naturalHeight: naturalHeight
-                });
-              }
-              if (false) {
-                var parent, ref;
-              }
-            });
-          }
-        };
-        if (imgRef.current) {
-          if (imgRef.current.complete) {
-            // If the real image fails to load, this will still remove the placeholder.
-            // This is the desired behavior for now, and will be revisited when error
-            // handling is worked on for the image component itself.
-            handleLoad();
-          } else {
-            imgRef.current.onload = handleLoad;
-          }
-        }
-      }
+      var _head = _interopRequireDefault(__webpack_require__(3121));
+      var _imageConfig = __webpack_require__(139);
+      var _useIntersection = __webpack_require__(9246);
+      var _imageConfigContext = __webpack_require__(8730);
+      var _utils = __webpack_require__(670);
+      var _normalizeTrailingSlash = __webpack_require__(2700);
       function Image(_param) {
         var src = _param.src,
           sizes = _param.sizes,
@@ -785,7 +457,7 @@
               style: _objectSpread({}, imgStyle, blurStyle)
             })
           ),
-          isLazy &&
+          (isLazy || placeholder === "blur") &&
             /*#__PURE__*/ _react.default.createElement(
               "noscript",
               null,
@@ -842,6 +514,336 @@
             : null
         );
       }
+      function _defineProperty1(obj, key, value) {
+        if (key in obj) {
+          Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+          });
+        } else {
+          obj[key] = value;
+        }
+        return obj;
+      }
+      function _interopRequireDefault(obj) {
+        return obj && obj.__esModule
+          ? obj
+          : {
+              default: obj
+            };
+      }
+      function _interopRequireWildcard(obj) {
+        if (obj && obj.__esModule) {
+          return obj;
+        } else {
+          var newObj = {};
+          if (obj != null) {
+            for (var key in obj) {
+              if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                var desc =
+                  Object.defineProperty && Object.getOwnPropertyDescriptor
+                    ? Object.getOwnPropertyDescriptor(obj, key)
+                    : {};
+                if (desc.get || desc.set) {
+                  Object.defineProperty(newObj, key, desc);
+                } else {
+                  newObj[key] = obj[key];
+                }
+              }
+            }
+          }
+          newObj.default = obj;
+          return newObj;
+        }
+      }
+      function _objectSpread(target) {
+        var _arguments = arguments,
+          _loop = function(i) {
+            var source = _arguments[i] != null ? _arguments[i] : {};
+            var ownKeys = Object.keys(source);
+            if (typeof Object.getOwnPropertySymbols === "function") {
+              ownKeys = ownKeys.concat(
+                Object.getOwnPropertySymbols(source).filter(function(sym) {
+                  return Object.getOwnPropertyDescriptor(
+                    source,
+                    sym
+                  ).enumerable;
+                })
+              );
+            }
+            ownKeys.forEach(function(key) {
+              _defineProperty1(target, key, source[key]);
+            });
+          };
+        for (var i = 1; i < arguments.length; i++) _loop(i);
+        return target;
+      }
+      function _objectWithoutProperties(source, excluded) {
+        if (source == null) return {};
+        var target = _objectWithoutPropertiesLoose(source, excluded);
+        var key, i;
+        if (Object.getOwnPropertySymbols) {
+          var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+          for (i = 0; i < sourceSymbolKeys.length; i++) {
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key))
+              continue;
+            target[key] = source[key];
+          }
+        }
+        return target;
+      }
+      function _objectWithoutPropertiesLoose(source, excluded) {
+        if (source == null) return {};
+        var target = {};
+        var sourceKeys = Object.keys(source);
+        var key, i;
+        for (i = 0; i < sourceKeys.length; i++) {
+          key = sourceKeys[i];
+          if (excluded.indexOf(key) >= 0) continue;
+          target[key] = source[key];
+        }
+        return target;
+      }
+      var configEnv = {
+        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+        path: "/_next/image",
+        loader: "default"
+      };
+      var loadedImageURLs = new Set();
+      var allImgs = new Map();
+      var perfObserver;
+      var emptyDataURL =
+        "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+      if (false) {
+      }
+      var VALID_LOADING_VALUES = /* unused pure expression or super */ null && [
+        "lazy",
+        "eager",
+        undefined
+      ];
+      var loaders = new Map([
+        ["default", defaultLoader],
+        ["imgix", imgixLoader],
+        ["cloudinary", cloudinaryLoader],
+        ["akamai", akamaiLoader],
+        ["custom", customLoader]
+      ]);
+      var VALID_LAYOUT_VALUES = /* unused pure expression or super */ null && [
+        "fill",
+        "fixed",
+        "intrinsic",
+        "responsive",
+        undefined
+      ];
+      function isStaticRequire(src) {
+        return src.default !== undefined;
+      }
+      function isStaticImageData(src) {
+        return src.src !== undefined;
+      }
+      function isStaticImport(src) {
+        return (
+          typeof src === "object" &&
+          (isStaticRequire(src) || isStaticImageData(src))
+        );
+      }
+      function getWidths(param, width, layout, sizes) {
+        var deviceSizes = param.deviceSizes,
+          allSizes = param.allSizes;
+        if (sizes && (layout === "fill" || layout === "responsive")) {
+          // Find all the "vw" percent sizes used in the sizes prop
+          var viewportWidthRe = /(^|\s)(1?\d?\d)vw/g;
+          var percentSizes = [];
+          for (var match; (match = viewportWidthRe.exec(sizes)); match) {
+            percentSizes.push(parseInt(match[2]));
+          }
+          if (percentSizes.length) {
+            var _Math;
+            var smallestRatio =
+              (_Math = Math).min.apply(
+                _Math,
+                _toConsumableArray(percentSizes)
+              ) * 0.01;
+            return {
+              widths: allSizes.filter(function(s) {
+                return s >= deviceSizes[0] * smallestRatio;
+              }),
+              kind: "w"
+            };
+          }
+          return {
+            widths: allSizes,
+            kind: "w"
+          };
+        }
+        if (
+          typeof width !== "number" ||
+          layout === "fill" ||
+          layout === "responsive"
+        ) {
+          return {
+            widths: deviceSizes,
+            kind: "w"
+          };
+        }
+        var widths = _toConsumableArray(
+          new Set( // > are actually 3x in the green color, but only 1.5x in the red and
+            // > blue colors. Showing a 3x resolution image in the app vs a 2x
+            // > resolution image will be visually the same, though the 3x image
+            // > takes significantly more data. Even true 3x resolution screens are
+            // > wasteful as the human eye cannot see that level of detail without
+            // > something like a magnifying glass.
+            // https://blog.twitter.com/engineering/en_us/topics/infrastructure/2019/capping-image-fidelity-on-ultra-high-resolution-devices.html
+            [width, width * 2 /*, width * 3*/].map(function(w) {
+              return (
+                allSizes.find(function(p) {
+                  return p >= w;
+                }) || allSizes[allSizes.length - 1]
+              );
+            })
+          )
+        );
+        return {
+          widths: widths,
+          kind: "x"
+        };
+      }
+      function generateImgAttrs(param) {
+        var config = param.config,
+          src = param.src,
+          unoptimized = param.unoptimized,
+          layout = param.layout,
+          width = param.width,
+          quality = param.quality,
+          sizes = param.sizes,
+          loader = param.loader;
+        if (unoptimized) {
+          return {
+            src: src,
+            srcSet: undefined,
+            sizes: undefined
+          };
+        }
+        var ref = getWidths(config, width, layout, sizes),
+          widths = ref.widths,
+          kind = ref.kind;
+        var last = widths.length - 1;
+        return {
+          sizes: !sizes && kind === "w" ? "100vw" : sizes,
+          srcSet: widths
+            .map(function(w, i) {
+              return ""
+                .concat(
+                  loader({
+                    config: config,
+                    src: src,
+                    quality: quality,
+                    width: w
+                  }),
+                  " "
+                )
+                .concat(kind === "w" ? w : i + 1)
+                .concat(kind);
+            })
+            .join(", "),
+          // It's intended to keep `src` the last attribute because React updates
+          // attributes in order. If we keep `src` the first one, Safari will
+          // immediately start to fetch `src`, before `sizes` and `srcSet` are even
+          // updated by React. That causes multiple unnecessary requests if `srcSet`
+          // and `sizes` are defined.
+          // This bug cannot be reproduced in Chrome or Firefox.
+          src: loader({
+            config: config,
+            src: src,
+            quality: quality,
+            width: widths[last]
+          })
+        };
+      }
+      function getInt(x) {
+        if (typeof x === "number") {
+          return x;
+        }
+        if (typeof x === "string") {
+          return parseInt(x, 10);
+        }
+        return undefined;
+      }
+      function defaultImageLoader(loaderProps) {
+        var ref;
+        var loaderKey =
+          ((ref = loaderProps.config) === null || ref === void 0
+            ? void 0
+            : ref.loader) || "default";
+        var load = loaders.get(loaderKey);
+        if (load) {
+          return load(loaderProps);
+        }
+        throw new Error(
+          'Unknown "loader" found in "next.config.js". Expected: '
+            .concat(_imageConfig.VALID_LOADERS.join(", "), ". Received: ")
+            .concat(loaderKey)
+        );
+      }
+      // See https://stackoverflow.com/q/39777833/266535 for why we use this ref
+      // handler instead of the img's onLoad attribute.
+      function handleLoading(
+        imgRef,
+        src,
+        layout,
+        placeholder,
+        onLoadingCompleteRef
+      ) {
+        var handleLoad = function() {
+          var img = imgRef.current;
+          if (!img) {
+            return;
+          }
+          if (img.src !== emptyDataURL) {
+            var p = "decode" in img ? img.decode() : Promise.resolve();
+            p.catch(function() {}).then(function() {
+              if (!imgRef.current) {
+                return;
+              }
+              loadedImageURLs.add(src);
+              if (placeholder === "blur") {
+                img.style.filter = "";
+                img.style.backgroundSize = "";
+                img.style.backgroundImage = "";
+                img.style.backgroundPosition = "";
+              }
+              if (onLoadingCompleteRef.current) {
+                var naturalWidth = img.naturalWidth,
+                  naturalHeight = img.naturalHeight;
+                // Pass back read-only primitive values but not the
+                // underlying DOM element because it could be misused.
+                onLoadingCompleteRef.current({
+                  naturalWidth: naturalWidth,
+                  naturalHeight: naturalHeight
+                });
+              }
+              if (false) {
+                var parent, ref;
+              }
+            });
+          }
+        };
+        if (imgRef.current) {
+          if (imgRef.current.complete) {
+            // If the real image fails to load, this will still remove the placeholder.
+            // This is the desired behavior for now, and will be revisited when error
+            // handling is worked on for the image component itself.
+            handleLoad();
+          } else {
+            imgRef.current.onload = handleLoad;
+          }
+        }
+      }
       function normalizeSrc(src) {
         return src[0] === "/" ? src.slice(1) : src;
       }
@@ -909,7 +911,12 @@
           return src;
         }
         return ""
-          .concat(config.path, "?url=")
+          .concat(
+            (0, _normalizeTrailingSlash).normalizePathTrailingSlash(
+              config.path
+            ),
+            "?url="
+          )
           .concat(encodeURIComponent(src), "&w=")
           .concat(width, "&q=")
           .concat(quality || 75);
@@ -918,7 +925,7 @@
       /***/
     },
 
-    /***/ 7190: /***/ function(
+    /***/ 9246: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -991,7 +998,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(7294);
-      var _requestIdleCallback = __webpack_require__(9311);
+      var _requestIdleCallback = __webpack_require__(4686);
       var hasIntersectionObserver = typeof IntersectionObserver !== "undefined";
       function useIntersection(param) {
         var rootRef = param.rootRef,
@@ -1123,7 +1130,7 @@
       /***/
     },
 
-    /***/ 3155: /***/ function(
+    /***/ 3143: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1177,7 +1184,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8045);
+      module.exports = __webpack_require__(9749);
 
       /***/
     }

Diff for index-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(3678);
+          return __webpack_require__(4369);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 3678: /***/ function(
+    /***/ 4369: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for link-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function() {
-          return __webpack_require__(4380);
+          return __webpack_require__(9798);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8418: /***/ function(
+    /***/ 1551: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -100,9 +100,9 @@
       };
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(7294));
-      var _router = __webpack_require__(6273);
-      var _router1 = __webpack_require__(387);
-      var _useIntersection = __webpack_require__(7190);
+      var _router = __webpack_require__(1003);
+      var _router1 = __webpack_require__(880);
+      var _useIntersection = __webpack_require__(9246);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -322,7 +322,7 @@
       /***/
     },
 
-    /***/ 7190: /***/ function(
+    /***/ 9246: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -395,7 +395,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(7294);
-      var _requestIdleCallback = __webpack_require__(9311);
+      var _requestIdleCallback = __webpack_require__(4686);
       var hasIntersectionObserver = typeof IntersectionObserver !== "undefined";
       function useIntersection(param) {
         var rootRef = param.rootRef,
@@ -527,7 +527,7 @@
       /***/
     },
 
-    /***/ 4380: /***/ function(
+    /***/ 9798: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -577,7 +577,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8418);
+      module.exports = __webpack_require__(1551);
 
       /***/
     }

Diff for routerDirect-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function() {
-          return __webpack_require__(6870);
+          return __webpack_require__(1271);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6870: /***/ function(
+    /***/ 1271: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -59,7 +59,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(387);
+      module.exports = __webpack_require__(880);
 
       /***/
     }

Diff for script-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/script",
         function() {
-          return __webpack_require__(549);
+          return __webpack_require__(6103);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 549: /***/ function(
+    /***/ 6103: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -72,7 +72,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(699);
+      module.exports = __webpack_require__(3573);
 
       /***/
     }

Diff for withRouter-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/withRouter",
         function() {
-          return __webpack_require__(5330);
+          return __webpack_require__(8374);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5330: /***/ function(
+    /***/ 8374: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -56,7 +56,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(387);
+      module.exports = __webpack_require__(880);
 
       /***/
     }

Diff for 450.HASH.js

@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [450],
+  [925],
   {
-    /***/ 6450: /***/ function(
+    /***/ 3925: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for main-HASH.js

Diff too large to display

Diff for webpack-HASH.js

@@ -159,7 +159,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "2f05e31c20cc50e8" + ".js"
+        "static/chunks/" + chunkId + "." + "9cdfe5e4a967dde1" + ".js"
       );
       /******/
     };

Diff for index.html

@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-019d6affc74a3adc.js"
+      src="/_next/static/chunks/webpack-182da0ae540027a9.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-3a3c67c3eb121329.js"
+      src="/_next/static/chunks/main-335884662f279d27.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-49be64520995abe5.js"
+      src="/_next/static/chunks/pages/_app-fddd598caf627789.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-22405fb865808942.js"
+      src="/_next/static/chunks/pages/index-7dee323746710646.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for link.html

@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-019d6affc74a3adc.js"
+      src="/_next/static/chunks/webpack-182da0ae540027a9.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-3a3c67c3eb121329.js"
+      src="/_next/static/chunks/main-335884662f279d27.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-49be64520995abe5.js"
+      src="/_next/static/chunks/pages/_app-fddd598caf627789.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-b932c7479a7c37ca.js"
+      src="/_next/static/chunks/pages/link-0b3d72804dab6202.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for withRouter.html

@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-019d6affc74a3adc.js"
+      src="/_next/static/chunks/webpack-182da0ae540027a9.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-3a3c67c3eb121329.js"
+      src="/_next/static/chunks/main-335884662f279d27.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-49be64520995abe5.js"
+      src="/_next/static/chunks/pages/_app-fddd598caf627789.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-50f69b5840cc7abf.js"
+      src="/_next/static/chunks/pages/withRouter-7a9c69580d45a83a.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Default Build with SWC (Increase detected ⚠️)

General Overall decrease ✓

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
buildDuration	18.6s	18.6s	-10ms
buildDurationCached	6s	6.1s	⚠️ +112ms
nodeModulesSize	372 MB	372 MB	-43.8 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.082	2.958	-0.12
/ avg req/sec	811.27	845.23	+33.96
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.21	1.218	⚠️ +0.01
/error-in-render avg req/sec	2066.84	2052.39	⚠️ -14.45

Client Bundles (main, webpack) Overall increase ⚠️

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
450.HASH.js gzip	179 B	178 B	-1 B
framework-HASH.js gzip	42.3 kB	42.3 kB	✓
main-HASH.js gzip	28.2 kB	28.2 kB	⚠️ +29 B
webpack-HASH.js gzip	1.45 kB	1.45 kB	✓
Overall change	72.1 kB	72.2 kB	⚠️ +28 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall increase ⚠️

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
_app-HASH.js gzip	1.36 kB	1.35 kB	-2 B
_error-HASH.js gzip	180 B	179 B	-1 B
amp-HASH.js gzip	313 B	313 B	✓
css-HASH.js gzip	326 B	324 B	-2 B
dynamic-HASH.js gzip	2.56 kB	2.56 kB	⚠️ +2 B
head-HASH.js gzip	350 B	351 B	⚠️ +1 B
hooks-HASH.js gzip	921 B	921 B	✓
image-HASH.js gzip	5.19 kB	5.23 kB	⚠️ +40 B
index-HASH.js gzip	261 B	261 B	✓
link-HASH.js gzip	2.33 kB	2.33 kB	⚠️ +3 B
routerDirect..HASH.js gzip	321 B	322 B	⚠️ +1 B
script-HASH.js gzip	386 B	388 B	⚠️ +2 B
withRouter-HASH.js gzip	317 B	317 B	✓
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	14.9 kB	15 kB	⚠️ +44 B

Client Build Manifests

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
_buildManifest.js gzip	459 B	459 B	✓
Overall change	459 B	459 B	✓

Rendered Page Sizes Overall increase ⚠️

	vercel/next.js canary v12.1.0	vercel/next.js refs/heads/canary	Change
index.html gzip	529 B	531 B	⚠️ +2 B
link.html gzip	543 B	545 B	⚠️ +2 B
withRouter.html gzip	526 B	527 B	⚠️ +1 B
Overall change	1.6 kB	1.6 kB	⚠️ +5 B

Diffs

Diff for _buildManifest.js

@@ -1,25 +1,25 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-22405fb865808942.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-97db2c91e74bb63f.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-8c7b17a56b7abb6e.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-7dee323746710646.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-5d03de5a43fe90da.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-ee9dddb806ed55d7.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-97182c5b8324021a.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-9b653f909589c123.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-f3926a2125ec78d2.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-5fa0a9b9d9b0e52b.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-7100d3b2a548f0e4.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-e46f7cf4e561503a.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-39f3ab40e378fe36.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-b932c7479a7c37ca.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-35c32b80abf212d2.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-8642d114a09c62c5.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-6052261a372c369a.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-0b3d72804dab6202.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-76232dd6bc335a24.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-00527c3f2207a902.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-52713a82413f16bb.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-f50930661875bacc.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-50f69b5840cc7abf.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-7a9c69580d45a83a.js"
   ],
   sortedPages: [
     "\u002F",

Diff for _app-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_app",
         function() {
-          return __webpack_require__(6029);
+          return __webpack_require__(4297);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6029: /***/ function(
+    /***/ 4297: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -153,7 +153,7 @@
       });
       exports["default"] = void 0;
       var _react = _interopRequireDefault1(__webpack_require__(7294));
-      var _utils = __webpack_require__(3794);
+      var _utils = __webpack_require__(670);
       function asyncGeneratorStep(
         gen,
         resolve,
@@ -215,6 +215,9 @@
               default: obj
             };
       }
+      function appGetInitialProps(_) {
+        return _appGetInitialProps.apply(this, arguments);
+      }
       function _appGetInitialProps() {
         _appGetInitialProps = /**
          * `App` component is used for initialize of pages. It allows for overwriting and full control of the `page` initialization.
@@ -243,9 +246,6 @@
         );
         return _appGetInitialProps.apply(this, arguments);
       }
-      function appGetInitialProps(_) {
-        return _appGetInitialProps.apply(this, arguments);
-      }
       var App = /*#__PURE__*/ (function(_Component) {
         _inherits(App, _Component);
         var _super = _createSuper(App);
@@ -269,9 +269,9 @@
         ]);
         return App;
       })(_react.default.Component);
+      exports["default"] = App;
       App.origGetInitialProps = appGetInitialProps;
-      App.getInitialProps = appGetInitialProps;
-      exports["default"] = App; //# sourceMappingURL=_app.js.map
+      App.getInitialProps = appGetInitialProps; //# sourceMappingURL=_app.js.map
 
       /***/
     }
@@ -282,7 +282,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(915), __webpack_exec__(387);
+      return __webpack_exec__(915), __webpack_exec__(880);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for _error-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_error",
         function() {
-          return __webpack_require__(9185);
+          return __webpack_require__(67);
         }
       ]);
       if (false) {

Diff for amp-HASH.js

@@ -6,7 +6,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(3240);
+      module.exports = __webpack_require__(1686);
 
       /***/
     },
@@ -19,7 +19,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function() {
-          return __webpack_require__(1910);
+          return __webpack_require__(8774);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 1910: /***/ function(
+    /***/ 8774: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for css-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function() {
-          return __webpack_require__(5089);
+          return __webpack_require__(767);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5089: /***/ function(
+    /***/ 767: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
         5893
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        1785
+        692
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -48,7 +48,7 @@
       /***/
     },
 
-    /***/ 1785: /***/ function(module) {
+    /***/ 692: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };

Diff for dynamic-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/dynamic",
         function() {
-          return __webpack_require__(3286);
+          return __webpack_require__(3370);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 638: /***/ function(
+    /***/ 7645: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -70,37 +70,10 @@
       __webpack_unused_export__ = {
         value: true
       };
-      __webpack_unused_export__ = noSSR;
       exports["default"] = dynamic;
+      __webpack_unused_export__ = noSSR;
       var _react = _interopRequireDefault(__webpack_require__(7294));
-      var _loadable = _interopRequireDefault(__webpack_require__(4302));
-      function _interopRequireDefault(obj) {
-        return obj && obj.__esModule
-          ? obj
-          : {
-              default: obj
-            };
-      }
-      var isServerSide = "object" === "undefined";
-      function noSSR(LoadableInitializer, loadableOptions) {
-        // Removing webpack and modules means react-loadable won't try preloading
-        delete loadableOptions.webpack;
-        delete loadableOptions.modules;
-        // This check is necessary to prevent react-loadable from initializing on the server
-        if (!isServerSide) {
-          return LoadableInitializer(loadableOptions);
-        }
-        var Loading = loadableOptions.loading;
-        // This will only be rendered on the server side
-        return function() {
-          /*#__PURE__*/ return _react.default.createElement(Loading, {
-            error: null,
-            isLoading: true,
-            pastDelay: false,
-            timedOut: false
-          });
-        };
-      }
+      var _loadable = _interopRequireDefault(__webpack_require__(4588));
       function dynamic(dynamicOptions, options) {
         var loadableFn = _loadable.default;
         var loadableOptions = {
@@ -163,12 +136,39 @@
           delete loadableOptions.ssr;
         }
         return loadableFn(loadableOptions);
+      }
+      function _interopRequireDefault(obj) {
+        return obj && obj.__esModule
+          ? obj
+          : {
+              default: obj
+            };
+      }
+      var isServerSide = "object" === "undefined";
+      function noSSR(LoadableInitializer, loadableOptions) {
+        // Removing webpack and modules means react-loadable won't try preloading
+        delete loadableOptions.webpack;
+        delete loadableOptions.modules;
+        // This check is necessary to prevent react-loadable from initializing on the server
+        if (!isServerSide) {
+          return LoadableInitializer(loadableOptions);
+        }
+        var Loading = loadableOptions.loading;
+        // This will only be rendered on the server side
+        return function() {
+          /*#__PURE__*/ return _react.default.createElement(Loading, {
+            error: null,
+            isLoading: true,
+            pastDelay: false,
+            timedOut: false
+          });
+        };
       } //# sourceMappingURL=dynamic.js.map
 
       /***/
     },
 
-    /***/ 6319: /***/ function(
+    /***/ 3644: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -195,7 +195,7 @@
       /***/
     },
 
-    /***/ 4302: /***/ function(
+    /***/ 4588: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -257,7 +257,7 @@
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(7294));
       var _useSubscription = __webpack_require__(7161);
-      var _loadableContext = __webpack_require__(6319);
+      var _loadableContext = __webpack_require__(3644);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -570,7 +570,7 @@
       /***/
     },
 
-    /***/ 3286: /***/ function(
+    /***/ 3370: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -594,13 +594,13 @@
       next_dynamic__WEBPACK_IMPORTED_MODULE_1__["default"])(
         function() {
           return __webpack_require__
-            .e(/* import() */ 450)
-            .then(__webpack_require__.bind(__webpack_require__, 6450));
+            .e(/* import() */ 925)
+            .then(__webpack_require__.bind(__webpack_require__, 3925));
         },
         {
           loadableGenerated: {
             webpack: function() {
-              return [/*require.resolve*/ 6450];
+              return [/*require.resolve*/ 3925];
             }
           }
         }
@@ -635,7 +635,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(638);
+      module.exports = __webpack_require__(7645);
 
       /***/
     },

Diff for head-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/head",
         function() {
-          return __webpack_require__(5423);
+          return __webpack_require__(6646);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5423: /***/ function(
+    /***/ 6646: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -73,7 +73,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(5443);
+      module.exports = __webpack_require__(3121);
 
       /***/
     }

Diff for hooks-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(5017);
+          return __webpack_require__(2297);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5017: /***/ function(
+    /***/ 2297: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for image-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function() {
-          return __webpack_require__(3155);
+          return __webpack_require__(3143);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8045: /***/ function(
+    /***/ 9749: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -128,340 +128,12 @@
       };
       exports["default"] = Image;
       var _react = _interopRequireWildcard(__webpack_require__(7294));
-      var _head = _interopRequireDefault(__webpack_require__(5443));
-      var _imageConfig = __webpack_require__(5809);
-      var _useIntersection = __webpack_require__(7190);
-      var _imageConfigContext = __webpack_require__(9977);
-      function _defineProperty1(obj, key, value) {
-        if (key in obj) {
-          Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-          });
-        } else {
-          obj[key] = value;
-        }
-        return obj;
-      }
-      function _interopRequireDefault(obj) {
-        return obj && obj.__esModule
-          ? obj
-          : {
-              default: obj
-            };
-      }
-      function _interopRequireWildcard(obj) {
-        if (obj && obj.__esModule) {
-          return obj;
-        } else {
-          var newObj = {};
-          if (obj != null) {
-            for (var key in obj) {
-              if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                var desc =
-                  Object.defineProperty && Object.getOwnPropertyDescriptor
-                    ? Object.getOwnPropertyDescriptor(obj, key)
-                    : {};
-                if (desc.get || desc.set) {
-                  Object.defineProperty(newObj, key, desc);
-                } else {
-                  newObj[key] = obj[key];
-                }
-              }
-            }
-          }
-          newObj.default = obj;
-          return newObj;
-        }
-      }
-      function _objectSpread(target) {
-        var _arguments = arguments,
-          _loop = function(i) {
-            var source = _arguments[i] != null ? _arguments[i] : {};
-            var ownKeys = Object.keys(source);
-            if (typeof Object.getOwnPropertySymbols === "function") {
-              ownKeys = ownKeys.concat(
-                Object.getOwnPropertySymbols(source).filter(function(sym) {
-                  return Object.getOwnPropertyDescriptor(
-                    source,
-                    sym
-                  ).enumerable;
-                })
-              );
-            }
-            ownKeys.forEach(function(key) {
-              _defineProperty1(target, key, source[key]);
-            });
-          };
-        for (var i = 1; i < arguments.length; i++) _loop(i);
-        return target;
-      }
-      function _objectWithoutProperties(source, excluded) {
-        if (source == null) return {};
-        var target = _objectWithoutPropertiesLoose(source, excluded);
-        var key, i;
-        if (Object.getOwnPropertySymbols) {
-          var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-          for (i = 0; i < sourceSymbolKeys.length; i++) {
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key))
-              continue;
-            target[key] = source[key];
-          }
-        }
-        return target;
-      }
-      function _objectWithoutPropertiesLoose(source, excluded) {
-        if (source == null) return {};
-        var target = {};
-        var sourceKeys = Object.keys(source);
-        var key, i;
-        for (i = 0; i < sourceKeys.length; i++) {
-          key = sourceKeys[i];
-          if (excluded.indexOf(key) >= 0) continue;
-          target[key] = source[key];
-        }
-        return target;
-      }
-      var configEnv = {
-        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
-        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-        path: "/_next/image",
-        loader: "default"
-      };
-      var loadedImageURLs = new Set();
-      var allImgs = new Map();
-      var perfObserver;
-      var emptyDataURL =
-        "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-      if (false) {
-      }
-      var VALID_LOADING_VALUES = /* unused pure expression or super */ null && [
-        "lazy",
-        "eager",
-        undefined
-      ];
-      var loaders = new Map([
-        ["default", defaultLoader],
-        ["imgix", imgixLoader],
-        ["cloudinary", cloudinaryLoader],
-        ["akamai", akamaiLoader],
-        ["custom", customLoader]
-      ]);
-      var VALID_LAYOUT_VALUES = /* unused pure expression or super */ null && [
-        "fill",
-        "fixed",
-        "intrinsic",
-        "responsive",
-        undefined
-      ];
-      function isStaticRequire(src) {
-        return src.default !== undefined;
-      }
-      function isStaticImageData(src) {
-        return src.src !== undefined;
-      }
-      function isStaticImport(src) {
-        return (
-          typeof src === "object" &&
-          (isStaticRequire(src) || isStaticImageData(src))
-        );
-      }
-      function getWidths(param, width, layout, sizes) {
-        var deviceSizes = param.deviceSizes,
-          allSizes = param.allSizes;
-        if (sizes && (layout === "fill" || layout === "responsive")) {
-          // Find all the "vw" percent sizes used in the sizes prop
-          var viewportWidthRe = /(^|\s)(1?\d?\d)vw/g;
-          var percentSizes = [];
-          for (var match; (match = viewportWidthRe.exec(sizes)); match) {
-            percentSizes.push(parseInt(match[2]));
-          }
-          if (percentSizes.length) {
-            var _Math;
-            var smallestRatio =
-              (_Math = Math).min.apply(
-                _Math,
-                _toConsumableArray(percentSizes)
-              ) * 0.01;
-            return {
-              widths: allSizes.filter(function(s) {
-                return s >= deviceSizes[0] * smallestRatio;
-              }),
-              kind: "w"
-            };
-          }
-          return {
-            widths: allSizes,
-            kind: "w"
-          };
-        }
-        if (
-          typeof width !== "number" ||
-          layout === "fill" ||
-          layout === "responsive"
-        ) {
-          return {
-            widths: deviceSizes,
-            kind: "w"
-          };
-        }
-        var widths = _toConsumableArray(
-          new Set( // > are actually 3x in the green color, but only 1.5x in the red and
-            // > blue colors. Showing a 3x resolution image in the app vs a 2x
-            // > resolution image will be visually the same, though the 3x image
-            // > takes significantly more data. Even true 3x resolution screens are
-            // > wasteful as the human eye cannot see that level of detail without
-            // > something like a magnifying glass.
-            // https://blog.twitter.com/engineering/en_us/topics/infrastructure/2019/capping-image-fidelity-on-ultra-high-resolution-devices.html
-            [width, width * 2 /*, width * 3*/].map(function(w) {
-              return (
-                allSizes.find(function(p) {
-                  return p >= w;
-                }) || allSizes[allSizes.length - 1]
-              );
-            })
-          )
-        );
-        return {
-          widths: widths,
-          kind: "x"
-        };
-      }
-      function generateImgAttrs(param) {
-        var config = param.config,
-          src = param.src,
-          unoptimized = param.unoptimized,
-          layout = param.layout,
-          width = param.width,
-          quality = param.quality,
-          sizes = param.sizes,
-          loader = param.loader;
-        if (unoptimized) {
-          return {
-            src: src,
-            srcSet: undefined,
-            sizes: undefined
-          };
-        }
-        var ref = getWidths(config, width, layout, sizes),
-          widths = ref.widths,
-          kind = ref.kind;
-        var last = widths.length - 1;
-        return {
-          sizes: !sizes && kind === "w" ? "100vw" : sizes,
-          srcSet: widths
-            .map(function(w, i) {
-              return ""
-                .concat(
-                  loader({
-                    config: config,
-                    src: src,
-                    quality: quality,
-                    width: w
-                  }),
-                  " "
-                )
-                .concat(kind === "w" ? w : i + 1)
-                .concat(kind);
-            })
-            .join(", "),
-          // It's intended to keep `src` the last attribute because React updates
-          // attributes in order. If we keep `src` the first one, Safari will
-          // immediately start to fetch `src`, before `sizes` and `srcSet` are even
-          // updated by React. That causes multiple unnecessary requests if `srcSet`
-          // and `sizes` are defined.
-          // This bug cannot be reproduced in Chrome or Firefox.
-          src: loader({
-            config: config,
-            src: src,
-            quality: quality,
-            width: widths[last]
-          })
-        };
-      }
-      function getInt(x) {
-        if (typeof x === "number") {
-          return x;
-        }
-        if (typeof x === "string") {
-          return parseInt(x, 10);
-        }
-        return undefined;
-      }
-      function defaultImageLoader(loaderProps) {
-        var ref;
-        var loaderKey =
-          ((ref = loaderProps.config) === null || ref === void 0
-            ? void 0
-            : ref.loader) || "default";
-        var load = loaders.get(loaderKey);
-        if (load) {
-          return load(loaderProps);
-        }
-        throw new Error(
-          'Unknown "loader" found in "next.config.js". Expected: '
-            .concat(_imageConfig.VALID_LOADERS.join(", "), ". Received: ")
-            .concat(loaderKey)
-        );
-      }
-      // See https://stackoverflow.com/q/39777833/266535 for why we use this ref
-      // handler instead of the img's onLoad attribute.
-      function handleLoading(
-        imgRef,
-        src,
-        layout,
-        placeholder,
-        onLoadingCompleteRef
-      ) {
-        var handleLoad = function() {
-          var img = imgRef.current;
-          if (!img) {
-            return;
-          }
-          if (img.src !== emptyDataURL) {
-            var p = "decode" in img ? img.decode() : Promise.resolve();
-            p.catch(function() {}).then(function() {
-              if (!imgRef.current) {
-                return;
-              }
-              loadedImageURLs.add(src);
-              if (placeholder === "blur") {
-                img.style.filter = "";
-                img.style.backgroundSize = "";
-                img.style.backgroundImage = "";
-                img.style.backgroundPosition = "";
-              }
-              if (onLoadingCompleteRef.current) {
-                var naturalWidth = img.naturalWidth,
-                  naturalHeight = img.naturalHeight;
-                // Pass back read-only primitive values but not the
-                // underlying DOM element because it could be misused.
-                onLoadingCompleteRef.current({
-                  naturalWidth: naturalWidth,
-                  naturalHeight: naturalHeight
-                });
-              }
-              if (false) {
-                var parent, ref;
-              }
-            });
-          }
-        };
-        if (imgRef.current) {
-          if (imgRef.current.complete) {
-            // If the real image fails to load, this will still remove the placeholder.
-            // This is the desired behavior for now, and will be revisited when error
-            // handling is worked on for the image component itself.
-            handleLoad();
-          } else {
-            imgRef.current.onload = handleLoad;
-          }
-        }
-      }
+      var _head = _interopRequireDefault(__webpack_require__(3121));
+      var _imageConfig = __webpack_require__(139);
+      var _useIntersection = __webpack_require__(9246);
+      var _imageConfigContext = __webpack_require__(8730);
+      var _utils = __webpack_require__(670);
+      var _normalizeTrailingSlash = __webpack_require__(2700);
       function Image(_param) {
         var src = _param.src,
           sizes = _param.sizes,
@@ -785,7 +457,7 @@
               style: _objectSpread({}, imgStyle, blurStyle)
             })
           ),
-          isLazy &&
+          (isLazy || placeholder === "blur") &&
             /*#__PURE__*/ _react.default.createElement(
               "noscript",
               null,
@@ -842,6 +514,336 @@
             : null
         );
       }
+      function _defineProperty1(obj, key, value) {
+        if (key in obj) {
+          Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+          });
+        } else {
+          obj[key] = value;
+        }
+        return obj;
+      }
+      function _interopRequireDefault(obj) {
+        return obj && obj.__esModule
+          ? obj
+          : {
+              default: obj
+            };
+      }
+      function _interopRequireWildcard(obj) {
+        if (obj && obj.__esModule) {
+          return obj;
+        } else {
+          var newObj = {};
+          if (obj != null) {
+            for (var key in obj) {
+              if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                var desc =
+                  Object.defineProperty && Object.getOwnPropertyDescriptor
+                    ? Object.getOwnPropertyDescriptor(obj, key)
+                    : {};
+                if (desc.get || desc.set) {
+                  Object.defineProperty(newObj, key, desc);
+                } else {
+                  newObj[key] = obj[key];
+                }
+              }
+            }
+          }
+          newObj.default = obj;
+          return newObj;
+        }
+      }
+      function _objectSpread(target) {
+        var _arguments = arguments,
+          _loop = function(i) {
+            var source = _arguments[i] != null ? _arguments[i] : {};
+            var ownKeys = Object.keys(source);
+            if (typeof Object.getOwnPropertySymbols === "function") {
+              ownKeys = ownKeys.concat(
+                Object.getOwnPropertySymbols(source).filter(function(sym) {
+                  return Object.getOwnPropertyDescriptor(
+                    source,
+                    sym
+                  ).enumerable;
+                })
+              );
+            }
+            ownKeys.forEach(function(key) {
+              _defineProperty1(target, key, source[key]);
+            });
+          };
+        for (var i = 1; i < arguments.length; i++) _loop(i);
+        return target;
+      }
+      function _objectWithoutProperties(source, excluded) {
+        if (source == null) return {};
+        var target = _objectWithoutPropertiesLoose(source, excluded);
+        var key, i;
+        if (Object.getOwnPropertySymbols) {
+          var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+          for (i = 0; i < sourceSymbolKeys.length; i++) {
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key))
+              continue;
+            target[key] = source[key];
+          }
+        }
+        return target;
+      }
+      function _objectWithoutPropertiesLoose(source, excluded) {
+        if (source == null) return {};
+        var target = {};
+        var sourceKeys = Object.keys(source);
+        var key, i;
+        for (i = 0; i < sourceKeys.length; i++) {
+          key = sourceKeys[i];
+          if (excluded.indexOf(key) >= 0) continue;
+          target[key] = source[key];
+        }
+        return target;
+      }
+      var configEnv = {
+        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+        path: "/_next/image",
+        loader: "default"
+      };
+      var loadedImageURLs = new Set();
+      var allImgs = new Map();
+      var perfObserver;
+      var emptyDataURL =
+        "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+      if (false) {
+      }
+      var VALID_LOADING_VALUES = /* unused pure expression or super */ null && [
+        "lazy",
+        "eager",
+        undefined
+      ];
+      var loaders = new Map([
+        ["default", defaultLoader],
+        ["imgix", imgixLoader],
+        ["cloudinary", cloudinaryLoader],
+        ["akamai", akamaiLoader],
+        ["custom", customLoader]
+      ]);
+      var VALID_LAYOUT_VALUES = /* unused pure expression or super */ null && [
+        "fill",
+        "fixed",
+        "intrinsic",
+        "responsive",
+        undefined
+      ];
+      function isStaticRequire(src) {
+        return src.default !== undefined;
+      }
+      function isStaticImageData(src) {
+        return src.src !== undefined;
+      }
+      function isStaticImport(src) {
+        return (
+          typeof src === "object" &&
+          (isStaticRequire(src) || isStaticImageData(src))
+        );
+      }
+      function getWidths(param, width, layout, sizes) {
+        var deviceSizes = param.deviceSizes,
+          allSizes = param.allSizes;
+        if (sizes && (layout === "fill" || layout === "responsive")) {
+          // Find all the "vw" percent sizes used in the sizes prop
+          var viewportWidthRe = /(^|\s)(1?\d?\d)vw/g;
+          var percentSizes = [];
+          for (var match; (match = viewportWidthRe.exec(sizes)); match) {
+            percentSizes.push(parseInt(match[2]));
+          }
+          if (percentSizes.length) {
+            var _Math;
+            var smallestRatio =
+              (_Math = Math).min.apply(
+                _Math,
+                _toConsumableArray(percentSizes)
+              ) * 0.01;
+            return {
+              widths: allSizes.filter(function(s) {
+                return s >= deviceSizes[0] * smallestRatio;
+              }),
+              kind: "w"
+            };
+          }
+          return {
+            widths: allSizes,
+            kind: "w"
+          };
+        }
+        if (
+          typeof width !== "number" ||
+          layout === "fill" ||
+          layout === "responsive"
+        ) {
+          return {
+            widths: deviceSizes,
+            kind: "w"
+          };
+        }
+        var widths = _toConsumableArray(
+          new Set( // > are actually 3x in the green color, but only 1.5x in the red and
+            // > blue colors. Showing a 3x resolution image in the app vs a 2x
+            // > resolution image will be visually the same, though the 3x image
+            // > takes significantly more data. Even true 3x resolution screens are
+            // > wasteful as the human eye cannot see that level of detail without
+            // > something like a magnifying glass.
+            // https://blog.twitter.com/engineering/en_us/topics/infrastructure/2019/capping-image-fidelity-on-ultra-high-resolution-devices.html
+            [width, width * 2 /*, width * 3*/].map(function(w) {
+              return (
+                allSizes.find(function(p) {
+                  return p >= w;
+                }) || allSizes[allSizes.length - 1]
+              );
+            })
+          )
+        );
+        return {
+          widths: widths,
+          kind: "x"
+        };
+      }
+      function generateImgAttrs(param) {
+        var config = param.config,
+          src = param.src,
+          unoptimized = param.unoptimized,
+          layout = param.layout,
+          width = param.width,
+          quality = param.quality,
+          sizes = param.sizes,
+          loader = param.loader;
+        if (unoptimized) {
+          return {
+            src: src,
+            srcSet: undefined,
+            sizes: undefined
+          };
+        }
+        var ref = getWidths(config, width, layout, sizes),
+          widths = ref.widths,
+          kind = ref.kind;
+        var last = widths.length - 1;
+        return {
+          sizes: !sizes && kind === "w" ? "100vw" : sizes,
+          srcSet: widths
+            .map(function(w, i) {
+              return ""
+                .concat(
+                  loader({
+                    config: config,
+                    src: src,
+                    quality: quality,
+                    width: w
+                  }),
+                  " "
+                )
+                .concat(kind === "w" ? w : i + 1)
+                .concat(kind);
+            })
+            .join(", "),
+          // It's intended to keep `src` the last attribute because React updates
+          // attributes in order. If we keep `src` the first one, Safari will
+          // immediately start to fetch `src`, before `sizes` and `srcSet` are even
+          // updated by React. That causes multiple unnecessary requests if `srcSet`
+          // and `sizes` are defined.
+          // This bug cannot be reproduced in Chrome or Firefox.
+          src: loader({
+            config: config,
+            src: src,
+            quality: quality,
+            width: widths[last]
+          })
+        };
+      }
+      function getInt(x) {
+        if (typeof x === "number") {
+          return x;
+        }
+        if (typeof x === "string") {
+          return parseInt(x, 10);
+        }
+        return undefined;
+      }
+      function defaultImageLoader(loaderProps) {
+        var ref;
+        var loaderKey =
+          ((ref = loaderProps.config) === null || ref === void 0
+            ? void 0
+            : ref.loader) || "default";
+        var load = loaders.get(loaderKey);
+        if (load) {
+          return load(loaderProps);
+        }
+        throw new Error(
+          'Unknown "loader" found in "next.config.js". Expected: '
+            .concat(_imageConfig.VALID_LOADERS.join(", "), ". Received: ")
+            .concat(loaderKey)
+        );
+      }
+      // See https://stackoverflow.com/q/39777833/266535 for why we use this ref
+      // handler instead of the img's onLoad attribute.
+      function handleLoading(
+        imgRef,
+        src,
+        layout,
+        placeholder,
+        onLoadingCompleteRef
+      ) {
+        var handleLoad = function() {
+          var img = imgRef.current;
+          if (!img) {
+            return;
+          }
+          if (img.src !== emptyDataURL) {
+            var p = "decode" in img ? img.decode() : Promise.resolve();
+            p.catch(function() {}).then(function() {
+              if (!imgRef.current) {
+                return;
+              }
+              loadedImageURLs.add(src);
+              if (placeholder === "blur") {
+                img.style.filter = "";
+                img.style.backgroundSize = "";
+                img.style.backgroundImage = "";
+                img.style.backgroundPosition = "";
+              }
+              if (onLoadingCompleteRef.current) {
+                var naturalWidth = img.naturalWidth,
+                  naturalHeight = img.naturalHeight;
+                // Pass back read-only primitive values but not the
+                // underlying DOM element because it could be misused.
+                onLoadingCompleteRef.current({
+                  naturalWidth: naturalWidth,
+                  naturalHeight: naturalHeight
+                });
+              }
+              if (false) {
+                var parent, ref;
+              }
+            });
+          }
+        };
+        if (imgRef.current) {
+          if (imgRef.current.complete) {
+            // If the real image fails to load, this will still remove the placeholder.
+            // This is the desired behavior for now, and will be revisited when error
+            // handling is worked on for the image component itself.
+            handleLoad();
+          } else {
+            imgRef.current.onload = handleLoad;
+          }
+        }
+      }
       function normalizeSrc(src) {
         return src[0] === "/" ? src.slice(1) : src;
       }
@@ -909,7 +911,12 @@
           return src;
         }
         return ""
-          .concat(config.path, "?url=")
+          .concat(
+            (0, _normalizeTrailingSlash).normalizePathTrailingSlash(
+              config.path
+            ),
+            "?url="
+          )
           .concat(encodeURIComponent(src), "&w=")
           .concat(width, "&q=")
           .concat(quality || 75);
@@ -918,7 +925,7 @@
       /***/
     },
 
-    /***/ 7190: /***/ function(
+    /***/ 9246: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -991,7 +998,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(7294);
-      var _requestIdleCallback = __webpack_require__(9311);
+      var _requestIdleCallback = __webpack_require__(4686);
       var hasIntersectionObserver = typeof IntersectionObserver !== "undefined";
       function useIntersection(param) {
         var rootRef = param.rootRef,
@@ -1123,7 +1130,7 @@
       /***/
     },
 
-    /***/ 3155: /***/ function(
+    /***/ 3143: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1177,7 +1184,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8045);
+      module.exports = __webpack_require__(9749);
 
       /***/
     }

Diff for index-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(3678);
+          return __webpack_require__(4369);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 3678: /***/ function(
+    /***/ 4369: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for link-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function() {
-          return __webpack_require__(4380);
+          return __webpack_require__(9798);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8418: /***/ function(
+    /***/ 1551: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -100,9 +100,9 @@
       };
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(7294));
-      var _router = __webpack_require__(6273);
-      var _router1 = __webpack_require__(387);
-      var _useIntersection = __webpack_require__(7190);
+      var _router = __webpack_require__(1003);
+      var _router1 = __webpack_require__(880);
+      var _useIntersection = __webpack_require__(9246);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -322,7 +322,7 @@
       /***/
     },
 
-    /***/ 7190: /***/ function(
+    /***/ 9246: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -395,7 +395,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(7294);
-      var _requestIdleCallback = __webpack_require__(9311);
+      var _requestIdleCallback = __webpack_require__(4686);
       var hasIntersectionObserver = typeof IntersectionObserver !== "undefined";
       function useIntersection(param) {
         var rootRef = param.rootRef,
@@ -527,7 +527,7 @@
       /***/
     },
 
-    /***/ 4380: /***/ function(
+    /***/ 9798: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -577,7 +577,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8418);
+      module.exports = __webpack_require__(1551);
 
       /***/
     }

Diff for routerDirect-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function() {
-          return __webpack_require__(6870);
+          return __webpack_require__(1271);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6870: /***/ function(
+    /***/ 1271: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -59,7 +59,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(387);
+      module.exports = __webpack_require__(880);
 
       /***/
     }

Diff for script-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/script",
         function() {
-          return __webpack_require__(549);
+          return __webpack_require__(6103);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 549: /***/ function(
+    /***/ 6103: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -72,7 +72,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(699);
+      module.exports = __webpack_require__(3573);
 
       /***/
     }

Diff for withRouter-HASH.js

@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/withRouter",
         function() {
-          return __webpack_require__(5330);
+          return __webpack_require__(8374);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5330: /***/ function(
+    /***/ 8374: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -56,7 +56,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(387);
+      module.exports = __webpack_require__(880);
 
       /***/
     }

Diff for 450.HASH.js

@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [450],
+  [925],
   {
-    /***/ 6450: /***/ function(
+    /***/ 3925: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for main-HASH.js

Diff too large to display

Diff for webpack-HASH.js

@@ -159,7 +159,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "2f05e31c20cc50e8" + ".js"
+        "static/chunks/" + chunkId + "." + "9cdfe5e4a967dde1" + ".js"
       );
       /******/
     };

Diff for index.html

@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-019d6affc74a3adc.js"
+      src="/_next/static/chunks/webpack-182da0ae540027a9.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-3a3c67c3eb121329.js"
+      src="/_next/static/chunks/main-335884662f279d27.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-49be64520995abe5.js"
+      src="/_next/static/chunks/pages/_app-fddd598caf627789.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-22405fb865808942.js"
+      src="/_next/static/chunks/pages/index-7dee323746710646.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for link.html

@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-019d6affc74a3adc.js"
+      src="/_next/static/chunks/webpack-182da0ae540027a9.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-3a3c67c3eb121329.js"
+      src="/_next/static/chunks/main-335884662f279d27.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-49be64520995abe5.js"
+      src="/_next/static/chunks/pages/_app-fddd598caf627789.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-b932c7479a7c37ca.js"
+      src="/_next/static/chunks/pages/link-0b3d72804dab6202.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for withRouter.html

@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-019d6affc74a3adc.js"
+      src="/_next/static/chunks/webpack-182da0ae540027a9.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-3a3c67c3eb121329.js"
+      src="/_next/static/chunks/main-335884662f279d27.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-49be64520995abe5.js"
+      src="/_next/static/chunks/pages/_app-fddd598caf627789.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-50f69b5840cc7abf.js"
+      src="/_next/static/chunks/pages/withRouter-7a9c69580d45a83a.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

-Original file line number
+Diff line change
@@ Expand Up / @@ -16,5 +16,5 @@ @@
           "registry": "https://registry.npmjs.org/"
         }
       },
-      "version": "12.1.1-canary.7"
+      "version": "12.1.1-canary.8"
     }

-Original file line number
+Diff line change
@@ -1,6 +1,6 @@
     {
       "name": "create-next-app",
-      "version": "12.1.1-canary.7",
+      "version": "12.1.1-canary.8",
       "keywords": [
         "react",
         "next",
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -1,6 +1,6 @@
     {
       "name": "eslint-config-next",
-      "version": "12.1.1-canary.7",
+      "version": "12.1.1-canary.8",
       "description": "ESLint configuration used by NextJS.",
       "main": "index.js",
       "license": "MIT",
@@ Expand All / @@ -9,7 +9,7 @@ @@
         "directory": "packages/eslint-config-next"
       },
       "dependencies": {
-        "@next/eslint-plugin-next": "12.1.1-canary.7",
+        "@next/eslint-plugin-next": "12.1.1-canary.8",
         "@rushstack/eslint-patch": "1.0.8",
         "@typescript-eslint/parser": "5.10.1",
         "eslint-import-resolver-node": "0.3.4",
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -1,6 +1,6 @@
     {
       "name": "@next/eslint-plugin-next",
-      "version": "12.1.1-canary.7",
+      "version": "12.1.1-canary.8",
       "description": "ESLint plugin for NextJS.",
       "main": "lib/index.js",
       "license": "MIT",
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -1,6 +1,6 @@
     {
       "name": "@next/bundle-analyzer",
-      "version": "12.1.1-canary.7",
+      "version": "12.1.1-canary.8",
       "main": "index.js",
       "license": "MIT",
       "repository": {
@@ Expand Down @@

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Commit

There are no files selected for viewing

1 comment on commit `21994ce`

ijjk commented on `21994ce` Mar 9, 2022

Commit

There are no files selected for viewing

1 comment on commit 21994ce

ijjk commented on 21994ce Mar 9, 2022

Choose a reason for hiding this comment

Stats from current release

Diffs

Diffs

1 comment on commit `21994ce`

ijjk commented on `21994ce` Mar 9, 2022