Skip to content

Commit

Permalink
v11.1.1-canary.19
Browse files Browse the repository at this point in the history
  • Loading branch information
@ijjk
ijjk committed Aug 30, 2021
1 parent 36d922f commit 194d70f
Show file tree
Hide file tree
Showing 14 changed files with 20 additions and 20 deletions.
2 changes: 1 addition & 1 deletion lerna.json
View file
Expand Up @@ -17,5 +17,5 @@
"registry": "https://registry.npmjs.org/"
}
},
"version": "11.1.1-canary.18"
"version": "11.1.1-canary.19"
}
2 changes: 1 addition & 1 deletion packages/create-next-app/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "create-next-app",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"keywords": [
"react",
"next",
Expand Down
4 changes: 2 additions & 2 deletions packages/eslint-config-next/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "eslint-config-next",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"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": "11.1.1-canary.18",
"@next/eslint-plugin-next": "11.1.1-canary.19",
"@rushstack/eslint-patch": "^1.0.6",
"@typescript-eslint/parser": "^4.20.0",
"eslint-import-resolver-node": "^0.3.4",
Expand Down
2 changes: 1 addition & 1 deletion packages/eslint-plugin-next/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/eslint-plugin-next",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"description": "ESLint plugin for NextJS.",
"main": "lib/index.js",
"license": "MIT",
Expand Down
2 changes: 1 addition & 1 deletion packages/next-bundle-analyzer/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/bundle-analyzer",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"main": "index.js",
"license": "MIT",
"repository": {
Expand Down
2 changes: 1 addition & 1 deletion packages/next-codemod/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/codemod",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"license": "MIT",
"dependencies": {
"chalk": "4.1.0",
Expand Down
2 changes: 1 addition & 1 deletion packages/next-env/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/env",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"keywords": [
"react",
"next",
Expand Down
2 changes: 1 addition & 1 deletion packages/next-mdx/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/mdx",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"main": "index.js",
"license": "MIT",
"repository": {
Expand Down
2 changes: 1 addition & 1 deletion packages/next-plugin-storybook/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/plugin-storybook",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"repository": {
"url": "vercel/next.js",
"directory": "packages/next-plugin-storybook"
Expand Down
2 changes: 1 addition & 1 deletion packages/next-polyfill-module/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/polyfill-module",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"description": "A standard library polyfill for ES Modules supporting browsers (Edge 16+, Firefox 60+, Chrome 61+, Safari 10.1+)",
"main": "dist/polyfill-module.js",
"license": "MIT",
Expand Down
2 changes: 1 addition & 1 deletion packages/next-polyfill-nomodule/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/polyfill-nomodule",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"description": "A polyfill for non-dead, nomodule browsers.",
"main": "dist/polyfill-nomodule.js",
"license": "MIT",
Expand Down
12 changes: 6 additions & 6 deletions packages/next/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "next",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"description": "The React Framework",
"main": "./dist/server/next.js",
"license": "MIT",
Expand Down Expand Up @@ -66,10 +66,10 @@
"dependencies": {
"@babel/runtime": "7.15.3",
"@hapi/accept": "5.0.2",
"@next/env": "11.1.1-canary.18",
"@next/polyfill-module": "11.1.1-canary.18",
"@next/react-dev-overlay": "11.1.1-canary.18",
"@next/react-refresh-utils": "11.1.1-canary.18",
"@next/env": "11.1.1-canary.19",
"@next/polyfill-module": "11.1.1-canary.19",
"@next/react-dev-overlay": "11.1.1-canary.19",
"@next/react-refresh-utils": "11.1.1-canary.19",
"@node-rs/helper": "1.2.1",
"assert": "2.0.0",
"ast-types": "0.13.2",
Expand Down Expand Up @@ -154,7 +154,7 @@
"@babel/traverse": "7.15.0",
"@babel/types": "7.15.0",
"@napi-rs/cli": "1.1.0",
"@next/polyfill-nomodule": "11.1.1-canary.18",
"@next/polyfill-nomodule": "11.1.1-canary.19",
"@taskr/clear": "1.1.0",
"@taskr/esnext": "1.1.0",
"@taskr/watch": "1.1.0",
Expand Down
2 changes: 1 addition & 1 deletion packages/react-dev-overlay/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/react-dev-overlay",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"description": "A development-only overlay for developing React applications.",
"repository": {
"url": "vercel/next.js",
Expand Down
2 changes: 1 addition & 1 deletion packages/react-refresh-utils/package.json
View file
@@ -1,6 +1,6 @@
{
"name": "@next/react-refresh-utils",
"version": "11.1.1-canary.18",
"version": "11.1.1-canary.19",
"description": "An experimental package providing utilities for React Refresh.",
"repository": {
"url": "vercel/next.js",
Expand Down

1 comment on commit 194d70f

@ijjk
Copy link
Member Author

@ijjk ijjk commented on 194d70f Aug 30, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Stats from current release

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
buildDuration 15.2s 14.5s -752ms
buildDurationCached 3.1s 3.3s ⚠️ +267ms
nodeModulesSize 49.1 MB 61.7 MB ⚠️ +12.6 MB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.471 2.522 ⚠️ +0.05
/ avg req/sec 1011.78 991.09 ⚠️ -20.69
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.348 1.37 ⚠️ +0.02
/error-in-render avg req/sec 1854.84 1824.18 ⚠️ -30.66
Client Bundles (main, webpack, commons) Overall increase ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
745.HASH.js gzip 179 B 179 B ✓
framework-HASH.js gzip 42.2 kB 42.2 kB ✓
main-HASH.js gzip 23.1 kB 23.3 kB ⚠️ +212 B
webpack-HASH.js gzip 1.5 kB 1.45 kB -49 B
Overall change 67 kB 67.2 kB ⚠️ +163 B
Legacy Client Bundles (polyfills) Overall decrease ✓
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
polyfills-HASH.js gzip 31.1 kB N/A N/A
polyfills-a4..dd70.js gzip N/A 31 kB N/A
Overall change 31.1 kB 31 kB -77 B
Client Pages Overall increase ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
_app-HASH.js gzip 980 B 979 B -1 B
_error-HASH.js gzip 194 B 194 B ✓
amp-HASH.js gzip 312 B 312 B ✓
css-HASH.js gzip 329 B 329 B ✓
dynamic-HASH.js gzip 2.52 kB 2.67 kB ⚠️ +149 B
head-HASH.js gzip 350 B 351 B ⚠️ +1 B
hooks-HASH.js gzip 904 B 918 B ⚠️ +14 B
image-HASH.js gzip 4.13 kB 4.14 kB ⚠️ +19 B
index-HASH.js gzip 261 B 261 B ✓
link-HASH.js gzip 1.66 kB 1.66 kB ⚠️ +1 B
routerDirect..HASH.js gzip 319 B 318 B -1 B
script-HASH.js gzip 387 B 387 B ✓
withRouter-HASH.js gzip 320 B 320 B ✓
bb14e60e810b..30f.css gzip 125 B 125 B ✓
Overall change 12.8 kB 13 kB ⚠️ +182 B
Client Build Manifests
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
_buildManifest.js gzip 491 B 491 B ✓
Overall change 491 B 491 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
index.html gzip 532 B 540 B ⚠️ +8 B
link.html gzip 543 B 553 B ⚠️ +10 B
withRouter.html gzip 523 B 533 B ⚠️ +10 B
Overall change 1.6 kB 1.63 kB ⚠️ +28 B

Diffs

Diff for _buildManifest.js 
@@ -7,27 +7,27 @@ self.__BUILD_MANIFEST = {
   "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-f1231d3934d9bf52872b.js"],
   "/css": [
     "static\u002Fcss\u002F59de118426c393f58653.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-979928a4957344dd4cfa.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-93a777c5ca0488084cce.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-3ae32efdc092678bfdaf.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-9e2274fd3ecd928533ad.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-b93e7fccd3af1c72154e.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-1b407c3309821b5154c2.js"],
   "/hooks": [
-    "static\u002Fchunks\u002Fpages\u002Fhooks-1cb3a46057c08067a973.js"
+    "static\u002Fchunks\u002Fpages\u002Fhooks-f6efb8a484d4a96e150c.js"
   ],
   "/image": [
-    "static\u002Fchunks\u002Fpages\u002Fimage-1ce152c3d441f6919a04.js"
+    "static\u002Fchunks\u002Fpages\u002Fimage-44a80ed2baebfb52799e.js"
   ],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-7a3c1e637e71f2a0e489.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-f62bdaa581311495bb85.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-e5f4a33d4c04b51b13bc.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-7c1b586d4417a78806e3.js"
   ],
   "/script": [
-    "static\u002Fchunks\u002Fpages\u002Fscript-6063d846e7c81e39bc0b.js"
+    "static\u002Fchunks\u002Fpages\u002Fscript-21c58b10eb53d5b2389e.js"
   ],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-e26df01cd54dcbb5c15c.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-072a37cc0c889cd17738.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js 
@@ -40,8 +40,8 @@
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
Diff for css-HASH.js 
@@ -8,15 +8,15 @@
     ) {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        5893
-      );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
         5964
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
       );
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+        5893
+      );
 
       var Page = function Page() {
         return /*#__PURE__*/ (0,
Diff for dynamic-HASH.js 
@@ -15,10 +15,11 @@
         var keys = Object.keys(object);
         if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(object);
-          if (enumerableOnly)
+          if (enumerableOnly) {
             symbols = symbols.filter(function(sym) {
               return Object.getOwnPropertyDescriptor(object, sym).enumerable;
             });
+          }
           keys.push.apply(keys, symbols);
         }
         return keys;
@@ -126,7 +127,22 @@
         loadableOptions = _objectSpread(
           _objectSpread({}, loadableOptions),
           options
-        ); // coming from build/babel/plugins/react-loadable-plugin.js
+        );
+        var suspenseOptions = loadableOptions;
+
+        if (true) {
+          // Error if react root is not enabled and `suspense` option is set to true
+          if (true && suspenseOptions.suspense) {
+            // TODO: add error doc when this feature is stable
+            throw new Error(
+              "Invalid suspense option usage in next/dynamic. Read more: https://nextjs.org/docs/messages/invalid-dynamic-suspense"
+            );
+          }
+        }
+
+        if (suspenseOptions.suspense) {
+          return loadableFn(suspenseOptions);
+        } // coming from build/babel/plugins/react-loadable-plugin.js
 
         if (loadableOptions.loadableGenerated) {
           loadableOptions = _objectSpread(
@@ -190,20 +206,21 @@
     ) {
       "use strict";
 
-      var _defineProperty = __webpack_require__(9713);
-
       var _classCallCheck = __webpack_require__(4575);
 
       var _createClass = __webpack_require__(3913);
 
+      var _defineProperty = __webpack_require__(9713);
+
       function ownKeys(object, enumerableOnly) {
         var keys = Object.keys(object);
         if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(object);
-          if (enumerableOnly)
+          if (enumerableOnly) {
             symbols = symbols.filter(function(sym) {
               return Object.getOwnPropertyDescriptor(object, sym).enumerable;
             });
+          }
           keys.push.apply(keys, symbols);
         }
         return keys;
@@ -235,8 +252,10 @@
       }
 
       function _createForOfIteratorHelper(o, allowArrayLike) {
-        var it;
-        if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
+        var it =
+          (typeof Symbol !== "undefined" && o[Symbol.iterator]) ||
+          o["@@iterator"];
+        if (!it) {
           if (
             Array.isArray(o) ||
             (it = _unsupportedIterableToArray(o)) ||
@@ -266,7 +285,7 @@
           err;
         return {
           s: function s() {
-            it = o[Symbol.iterator]();
+            it = it.call(o);
           },
           n: function n() {
             var step = it.next();
@@ -364,10 +383,16 @@
             delay: 200,
             timeout: null,
             webpack: null,
-            modules: null
+            modules: null,
+            suspense: false
           },
           options
         );
+
+        if (opts.suspense) {
+          opts.lazy = _react["default"].lazy(opts.loader);
+        }
+
         var subscription = null;
 
         function init() {
@@ -391,7 +416,8 @@
           !initialized &&
           true &&
           typeof opts.webpack === "function" &&
-          "function" === "function"
+          "function" === "function" &&
+          !opts.suspense
         ) {
           var moduleIds = opts.webpack();
           READY_INITIALIZERS.push(function(ids) {
@@ -414,7 +440,7 @@
           });
         }
 
-        var LoadableComponent = function LoadableComponent(props, ref) {
+        function LoadableImpl(props, ref) {
           init();
 
           var context = _react["default"].useContext(
@@ -460,10 +486,25 @@
             },
             [props, state]
           );
-        };
+        }
+
+        function LazyImpl(props, ref) {
+          return _react["default"].createElement(
+            opts.lazy,
+            _objectSpread(
+              _objectSpread({}, props),
+              {},
+              {
+                ref: ref
+              }
+            )
+          );
+        }
+
+        var LoadableComponent = opts.suspense ? LazyImpl : LoadableImpl;
 
         LoadableComponent.preload = function() {
-          return init();
+          return !opts.suspense && init();
         };
 
         LoadableComponent.displayName = "LoadableComponent";
@@ -653,14 +694,14 @@
         }
         /* harmony export */
       });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        5893
-      );
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
         5152
       );
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        5893
+      );
 
-      var DynamicHello = (0, next_dynamic__WEBPACK_IMPORTED_MODULE_1__.default)(
+      var DynamicHello = (0, next_dynamic__WEBPACK_IMPORTED_MODULE_0__.default)(
         function() {
           return __webpack_require__
             .e(/* import() */ 745)
@@ -678,16 +719,16 @@
 
       var Page = function Page() {
         return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,
           {
             children: [
               /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p", {
                 children: "testing next/dynamic size"
               }),
               /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
                 DynamicHello,
                 {}
               )
Diff for head-HASH.js 
@@ -14,31 +14,31 @@
         }
         /* harmony export */
       });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        5893
-      );
-      /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+      /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
         9008
       );
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        5893
+      );
 
       var Page = function Page() {
         return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,
           {
             children: [
               /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-                next_head__WEBPACK_IMPORTED_MODULE_1__.default,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
+                next_head__WEBPACK_IMPORTED_MODULE_0__.default,
                 {
                   children: /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("title", {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("title", {
                     children: "hello world"
                   })
                 }
               ),
               /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p", {
                 children: "testing next/head size"
               })
             ]
Diff for hooks-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [757],
   {
-    /***/ 9976: /***/ function(
+    /***/ 3626: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -15,27 +15,27 @@
         default: function() {
           return /* binding */ hooks;
         }
-      });
+      }); // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 
-      // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-      var jsx_runtime = __webpack_require__(5893); // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
       function _arrayWithHoles(arr) {
         if (Array.isArray(arr)) return arr;
       } // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
       function _iterableToArrayLimit(arr, i) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr)))
-          return;
+        var _i =
+          arr == null
+            ? null
+            : (typeof Symbol !== "undefined" && arr[Symbol.iterator]) ||
+              arr["@@iterator"];
+
+        if (_i == null) return;
         var _arr = [];
         var _n = true;
         var _d = false;
-        var _e = undefined;
+
+        var _s, _e;
 
         try {
-          for (
-            var _i = arr[Symbol.iterator](), _s;
-            !(_n = (_s = _i.next()).done);
-            _n = true
-          ) {
+          for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
             _arr.push(_s.value);
 
             if (i && _arr.length === i) break;
@@ -88,7 +88,9 @@
         );
       }
       // EXTERNAL MODULE: ./node_modules/react/index.js
-      var react = __webpack_require__(7294); // CONCATENATED MODULE: ./pages/hooks.js
+      var react = __webpack_require__(7294);
+      // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
+      var jsx_runtime = __webpack_require__(5893); // CONCATENATED MODULE: ./pages/hooks.js
       /* harmony default export */ var hooks = function() {
         var _React$useState = react.useState(0),
           _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -142,7 +144,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(9976);
+          return __webpack_require__(3626);
         }
       ]);
Diff for image-HASH.js 
@@ -322,7 +322,7 @@
       } // See https://stackoverflow.com/q/39777833/266535 for why we use this ref
       // handler instead of the img's onLoad attribute.
 
-      function handleLoading(img, src, placeholder, onLoadingComplete) {
+      function handleLoading(img, src, layout, placeholder, onLoadingComplete) {
         if (!img) {
           return;
         }
@@ -349,6 +349,10 @@
                   naturalHeight: naturalHeight
                 });
               }
+
+              if (false) {
+                var parent, ref;
+              }
             });
           }
         };
@@ -455,7 +459,7 @@
         var isLazy =
           !priority && (loading === "lazy" || typeof loading === "undefined");
 
-        if (src.startsWith("data:")) {
+        if (src.startsWith("data:") || src.startsWith("blob:")) {
           // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
           unoptimized = true;
           isLazy = false;
@@ -635,46 +639,52 @@
                   : null
               )
             : null,
-          !isVisible &&
-            /*#__PURE__*/ _react["default"].createElement(
-              "noscript",
-              null,
-              /*#__PURE__*/ _react["default"].createElement(
-                "img",
-                Object.assign(
-                  {},
-                  rest,
-                  generateImgAttrs({
-                    src: src,
-                    unoptimized: unoptimized,
-                    layout: layout,
-                    width: widthInt,
-                    quality: qualityInt,
-                    sizes: sizes,
-                    loader: loader
-                  }),
-                  {
-                    decoding: "async",
-                    "data-nimg": true,
-                    style: imgStyle,
-                    className: className
-                  }
-                )
-              )
-            ),
           /*#__PURE__*/ _react["default"].createElement(
             "img",
             Object.assign({}, rest, imgAttributes, {
               decoding: "async",
-              "data-nimg": true,
+              "data-nimg": layout,
               className: className,
               ref: function ref(img) {
                 setRef(img);
-                handleLoading(img, srcString, placeholder, onLoadingComplete);
+                handleLoading(
+                  img,
+                  srcString,
+                  layout,
+                  placeholder,
+                  onLoadingComplete
+                );
               },
               style: _objectSpread({}, imgStyle, blurStyle)
             })
           ),
+          /*#__PURE__*/ _react["default"].createElement(
+            "noscript",
+            null,
+            /*#__PURE__*/ _react["default"].createElement(
+              "img",
+              Object.assign(
+                {},
+                rest,
+                generateImgAttrs({
+                  src: src,
+                  unoptimized: unoptimized,
+                  layout: layout,
+                  width: widthInt,
+                  quality: qualityInt,
+                  sizes: sizes,
+                  loader: loader
+                }),
+                {
+                  decoding: "async",
+                  "data-nimg": layout,
+                  style: imgStyle,
+                  className: className,
+                  loading: loading || "lazy"
+                }
+              )
+            )
+          ),
           priority // Note how we omit the `href` attribute, as it would only be relevant
             ? // for browsers that do not support `imagesrcset`, and in those cases
               // it would likely cause the incorrect image to be preloaded.
@@ -950,8 +960,6 @@
         }
       });
 
-      // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-      var jsx_runtime = __webpack_require__(5893);
       // EXTERNAL MODULE: ./node_modules/next/image.js
       var next_image = __webpack_require__(5675); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ var nextjs = {
@@ -961,7 +969,9 @@
         width: 1626,
         blurDataURL:
           "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAQAAACfUMTVAAAAP0lEQVR42jXIQQqDUBTF0Lf/rdZZB9W2/0REDNwbyATxaJSuCZlafn3tDmHq49Vm87ZkpKPd8n9CF+7XFOImJ8SebtyxyeM6AAAAAElFTkSuQmCC"
-      }; // CONCATENATED MODULE: ./pages/image.js
+      };
+      // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
+      var jsx_runtime = __webpack_require__(5893); // CONCATENATED MODULE: ./pages/image.js
       function ImagePage(props) {
         return /*#__PURE__*/ (0, jsx_runtime.jsxs)(jsx_runtime.Fragment, {
           children: [
Diff for link-HASH.js 
@@ -410,24 +410,24 @@
         }
         /* harmony export */
       });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        5893
-      );
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
         1664
       );
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        5893
+      );
 
       function aLink(props) {
         return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
           children: [
             /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3", {
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h3", {
               children: "A Link page!"
             }),
             /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-              next_link__WEBPACK_IMPORTED_MODULE_1__.default,
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
+              next_link__WEBPACK_IMPORTED_MODULE_0__.default,
               {
                 href: "/",
                 children: "Go to /"
Diff for routerDirect-HASH.js 
@@ -14,18 +14,17 @@
         }
         /* harmony export */
       });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        5893
-      );
-      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
         1163
       );
-
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        5893
+      );
       /* eslint-disable-next-line */
 
       function routerDirect(props) {
         return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
           children: "I import the router directly"
         });
       } // we add getServerSideProps to prevent static optimization
Diff for script-HASH.js 
@@ -14,26 +14,26 @@
         }
         /* harmony export */
       });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        5893
-      );
-      /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+      /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
         4298
       );
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        5893
+      );
 
       var Page = function Page() {
         return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,
           {
             children: [
               /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p", {
                 children: "testing next/dynamic size"
               }),
               /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-                next_script__WEBPACK_IMPORTED_MODULE_1__.default,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
+                next_script__WEBPACK_IMPORTED_MODULE_0__.default,
                 {
                   dangerouslySetInnerHTML: {
                     __html: 'console.log("hello")'
Diff for withRouter-HASH.js 
@@ -14,16 +14,16 @@
         }
         /* harmony export */
       });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        5893
-      );
-      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
         1163
       );
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        5893
+      );
 
       function useWithRouter(props) {
         return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
           children: "I use withRouter"
         });
       } // we add getServerSideProps to prevent static optimization
@@ -31,7 +31,7 @@
 
       var __N_SSP = true;
       /* harmony default export */ __webpack_exports__["default"] = (0,
-      next_router__WEBPACK_IMPORTED_MODULE_1__.withRouter)(useWithRouter);
+      next_router__WEBPACK_IMPORTED_MODULE_0__.withRouter)(useWithRouter);
 
       /***/
     },
Diff for main-HASH.js 
@@ -13,6 +13,8 @@
       }
 
       module.exports = _arrayLikeToArray;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -23,6 +25,8 @@
       }
 
       module.exports = _arrayWithHoles;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -39,6 +43,8 @@
       }
 
       module.exports = _arrayWithoutHoles;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -55,6 +61,8 @@
       }
 
       module.exports = _assertThisInitialized;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -121,6 +129,8 @@
       }
 
       module.exports = _asyncToGenerator;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -133,6 +143,8 @@
       }
 
       module.exports = _classCallCheck;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -149,6 +161,8 @@
       function _construct(Parent, args, Class) {
         if (isNativeReflectConstruct()) {
           module.exports = _construct = Reflect.construct;
+          (module.exports.default = module.exports),
+            (module.exports.__esModule = true);
         } else {
           module.exports = _construct = function _construct(
             Parent,
@@ -162,12 +176,17 @@
             if (Class) setPrototypeOf(instance, Class.prototype);
             return instance;
           };
+
+          (module.exports.default = module.exports),
+            (module.exports.__esModule = true);
         }
 
         return _construct.apply(null, arguments);
       }
 
       module.exports = _construct;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -190,6 +209,8 @@
       }
 
       module.exports = _createClass;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -211,6 +232,8 @@
       }
 
       module.exports = _defineProperty;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -222,10 +245,14 @@
           : function _getPrototypeOf(o) {
               return o.__proto__ || Object.getPrototypeOf(o);
             };
+        (module.exports.default = module.exports),
+          (module.exports.__esModule = true);
         return _getPrototypeOf(o);
       }
 
       module.exports = _getPrototypeOf;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -255,6 +282,8 @@
       }
 
       module.exports = _inherits;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -265,6 +294,8 @@
       }
 
       module.exports = _isNativeFunction;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -276,8 +307,8 @@
         if (typeof Proxy === "function") return true;
 
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -286,36 +317,45 @@
       }
 
       module.exports = _isNativeReflectConstruct;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
 
     /***/ 6860: /***/ function(module) {
       function _iterableToArray(iter) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter))
+        if (
+          (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null) ||
+          iter["@@iterator"] != null
+        )
           return Array.from(iter);
       }
 
       module.exports = _iterableToArray;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
 
     /***/ 3884: /***/ function(module) {
       function _iterableToArrayLimit(arr, i) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr)))
-          return;
+        var _i =
+          arr == null
+            ? null
+            : (typeof Symbol !== "undefined" && arr[Symbol.iterator]) ||
+              arr["@@iterator"];
+
+        if (_i == null) return;
         var _arr = [];
         var _n = true;
         var _d = false;
-        var _e = undefined;
+
+        var _s, _e;
 
         try {
-          for (
-            var _i = arr[Symbol.iterator](), _s;
-            !(_n = (_s = _i.next()).done);
-            _n = true
-          ) {
+          for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
             _arr.push(_s.value);
 
             if (i && _arr.length === i) break;
@@ -335,6 +375,8 @@
       }
 
       module.exports = _iterableToArrayLimit;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -347,6 +389,8 @@
       }
 
       module.exports = _nonIterableRest;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -359,6 +403,8 @@
       }
 
       module.exports = _nonIterableSpread;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -368,7 +414,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      var _typeof = __webpack_require__(8);
+      var _typeof = __webpack_require__(8).default;
 
       var assertThisInitialized = __webpack_require__(1506);
 
@@ -378,12 +424,18 @@
           (_typeof(call) === "object" || typeof call === "function")
         ) {
           return call;
+        } else if (call !== void 0) {
+          throw new TypeError(
+            "Derived constructors may only return object or undefined"
+          );
         }
 
         return assertThisInitialized(self);
       }
 
       module.exports = _possibleConstructorReturn;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -397,10 +449,14 @@
             return o;
           };
 
+        (module.exports.default = module.exports),
+          (module.exports.__esModule = true);
         return _setPrototypeOf(o, p);
       }
 
       module.exports = _setPrototypeOf;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -428,6 +484,8 @@
       }
 
       module.exports = _slicedToArray;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -455,6 +513,8 @@
       }
 
       module.exports = _toConsumableArray;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -470,6 +530,9 @@
           module.exports = _typeof = function _typeof(obj) {
             return typeof obj;
           };
+
+          (module.exports.default = module.exports),
+            (module.exports.__esModule = true);
         } else {
           module.exports = _typeof = function _typeof(obj) {
             return obj &&
@@ -479,12 +542,17 @@
               ? "symbol"
               : typeof obj;
           };
+
+          (module.exports.default = module.exports),
+            (module.exports.__esModule = true);
         }
 
         return _typeof(obj);
       }
 
       module.exports = _typeof;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -510,6 +578,8 @@
       }
 
       module.exports = _unsupportedIterableToArray;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -564,10 +634,14 @@
           return setPrototypeOf(Wrapper, Class);
         };
 
+        (module.exports.default = module.exports),
+          (module.exports.__esModule = true);
         return _wrapNativeSuper(Class);
       }
 
       module.exports = _wrapNativeSuper;
+      (module.exports.default = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -824,8 +898,8 @@
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -1013,7 +1087,7 @@
         document.getElementById("__NEXT_DATA__").textContent
       );
       window.__NEXT_DATA__ = data;
-      var version = "11.1.0";
+      var version = "11.1.1-canary.19";
       exports.version = version;
 
       var looseToArray = function looseToArray(input) {
@@ -1102,6 +1176,10 @@
       exports.router = router;
       var CachedApp, onPerfEntry;
 
+      headManager.getIsSsr = function() {
+        return router.isSsr;
+      };
+
       var Container = /*#__PURE__*/ (function(_react$default$Compon) {
         _inherits(Container, _react$default$Compon);
 
@@ -2070,6 +2148,25 @@
       }
 
       var PageLoader = /*#__PURE__*/ (function() {
+        function PageLoader(buildId, assetPrefix) {
+          _classCallCheck(this, PageLoader);
+
+          this.routeLoader = (0, _routeLoader).createRouteLoader(assetPrefix);
+          this.buildId = buildId;
+          this.assetPrefix = assetPrefix;
+          /** @type {Promise<Set<string>>} */
+
+          this.promisedSsgManifest = new Promise(function(resolve) {
+            if (window.__SSG_MANIFEST) {
+              resolve(window.__SSG_MANIFEST);
+            } else {
+              window.__SSG_MANIFEST_CB = function() {
+                resolve(window.__SSG_MANIFEST);
+              };
+            }
+          });
+        }
+
         _createClass(PageLoader, [
           {
             key: "getPageList",
@@ -2173,25 +2270,6 @@
           }
         ]);
 
-        function PageLoader(buildId, assetPrefix) {
-          _classCallCheck(this, PageLoader);
-
-          this.routeLoader = (0, _routeLoader).createRouteLoader(assetPrefix);
-          this.buildId = buildId;
-          this.assetPrefix = assetPrefix;
-          /** @type {Promise<Set<string>>} */
-
-          this.promisedSsgManifest = new Promise(function(resolve) {
-            if (window.__SSG_MANIFEST) {
-              resolve(window.__SSG_MANIFEST);
-            } else {
-              window.__SSG_MANIFEST_CB = function() {
-                resolve(window.__SSG_MANIFEST);
-              };
-            }
-          });
-        }
-
         return PageLoader;
       })();
 
@@ -2847,8 +2925,10 @@
       var _construct = __webpack_require__(9100);
 
       function _createForOfIteratorHelper(o, allowArrayLike) {
-        var it;
-        if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
+        var it =
+          (typeof Symbol !== "undefined" && o[Symbol.iterator]) ||
+          o["@@iterator"];
+        if (!it) {
           if (
             Array.isArray(o) ||
             (it = _unsupportedIterableToArray(o)) ||
@@ -2878,7 +2958,7 @@
           err;
         return {
           s: function s() {
-            it = o[Symbol.iterator]();
+            it = it.call(o);
           },
           n: function n() {
             var step = it.next();
@@ -3234,6 +3314,9 @@
           dangerouslySetInnerHTML = props.dangerouslySetInnerHTML,
           _props$children = props.children,
           children = _props$children === void 0 ? "" : _props$children,
+          _props$strategy = props.strategy,
+          strategy =
+            _props$strategy === void 0 ? "afterInteractive" : _props$strategy,
           onError = props.onError;
         var cacheKey = id || src; // Script has already loaded
 
@@ -3302,13 +3385,14 @@
           el.setAttribute(attr, value);
         }
 
+        el.setAttribute("data-nscript", strategy);
         document.body.appendChild(el);
       };
 
       function handleClientScriptLoad(props) {
-        var _props$strategy = props.strategy,
+        var _props$strategy2 = props.strategy,
           strategy =
-            _props$strategy === void 0 ? "afterInteractive" : _props$strategy;
+            _props$strategy2 === void 0 ? "afterInteractive" : _props$strategy2;
 
         if (strategy === "afterInteractive") {
           loadScript(props);
@@ -3345,9 +3429,9 @@
           _props$onLoad2 = props.onLoad,
           onLoad = _props$onLoad2 === void 0 ? function() {} : _props$onLoad2,
           dangerouslySetInnerHTML = props.dangerouslySetInnerHTML,
-          _props$strategy2 = props.strategy,
+          _props$strategy3 = props.strategy,
           strategy =
-            _props$strategy2 === void 0 ? "afterInteractive" : _props$strategy2,
+            _props$strategy3 === void 0 ? "afterInteractive" : _props$strategy3,
           onError = props.onError,
           restProps = _objectWithoutProperties(props, [
             "src",
@@ -3361,7 +3445,8 @@
             _headManagerContext.HeadManagerContext
           ),
           updateScripts = _useContext.updateScripts,
-          scripts = _useContext.scripts;
+          scripts = _useContext.scripts,
+          getIsSsr = _useContext.getIsSsr;
 
         (0, _react).useEffect(
           function() {
@@ -3389,7 +3474,10 @@
               )
             ]);
             updateScripts(scripts);
-          } else {
+          } else if (getIsSsr && getIsSsr()) {
+            // Script has already loaded during SSR
+            LoadCache.add(restProps.id || src);
+          } else if (getIsSsr && !getIsSsr()) {
             loadScript(props);
           }
         }
@@ -3491,8 +3579,8 @@
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -3789,10 +3877,11 @@
         var keys = Object.keys(object);
         if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(object);
-          if (enumerableOnly)
+          if (enumerableOnly) {
             symbols = symbols.filter(function(sym) {
               return Object.getOwnPropertyDescriptor(object, sym).enumerable;
             });
+          }
           keys.push.apply(keys, symbols);
         }
         return keys;
@@ -4365,7 +4454,7 @@
 
             if (repeat && !Array.isArray(value)) value = [value];
             return (
-              (optional || param in dynamicMatches) && // Interpolate group into data URL if present
+              (optional || param in dynamicMatches) &&
               (interpolatedRoute =
                 interpolatedRoute.replace(
                   replaced,
@@ -6800,8 +6889,8 @@
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -6939,8 +7028,8 @@
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -6959,10 +7048,12 @@
       exports.normalizeRepeatedSlashes = normalizeRepeatedSlashes;
       exports.loadGetInitialProps = loadGetInitialProps;
       exports.formatWithValidation = formatWithValidation;
-      exports.ST = exports.SP = exports.urlObjectKeys = void 0;
+      exports.ST = exports.SP = exports.HtmlContext = exports.urlObjectKeys = void 0;
 
       var _formatUrl = __webpack_require__(2065);
 
+      var _react = __webpack_require__(7294);
+
       function execOnce(fn) {
         var used = false;
         var result;
@@ -7165,6 +7256,11 @@
       })(/*#__PURE__*/ _wrapNativeSuper(Error));
 
       exports.DecodeError = DecodeError;
+      var HtmlContext = (0, _react).createContext(null);
+      exports.HtmlContext = HtmlContext;
+
+      if (false) {
+      }
 
       /***/
     },
Diff for polyfills-HASH.js 
deleted
Diff for polyfills-a4..124eadd70.js

Diff too large to display

Diff for webpack-HASH.js 
@@ -175,22 +175,6 @@
       /******/
     };
     /******/
-  })(); /* webpack/runtime/global */
-  /******/
-
-  /******/ /******/ !(function() {
-    /******/ __webpack_require__.g = (function() {
-      /******/ if (typeof globalThis === "object") return globalThis;
-      /******/ try {
-        /******/ return this || new Function("return this")();
-        /******/
-      } catch (e) {
-        /******/ if (typeof window === "object") return window;
-        /******/
-      }
-      /******/
-    })();
-    /******/
   })(); /* webpack/runtime/hasOwnProperty shorthand */
   /******/
 
@@ -407,14 +391,21 @@
       /******/ /******/ /******/ var moduleId,
         chunkId,
         i = 0;
-      /******/ for (moduleId in moreModules) {
-        /******/ if (__webpack_require__.o(moreModules, moduleId)) {
-          /******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
+      /******/ if (
+        chunkIds.some(function(id) {
+          return installedChunks[id] !== 0;
+        })
+      ) {
+        /******/ for (moduleId in moreModules) {
+          /******/ if (__webpack_require__.o(moreModules, moduleId)) {
+            /******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
+            /******/
+          }
           /******/
         }
+        /******/ if (runtime) var result = runtime(__webpack_require__);
         /******/
       }
-      /******/ if (runtime) var result = runtime(__webpack_require__);
       /******/ if (parentChunkLoadingFunction) parentChunkLoadingFunction(data);
       /******/ for (; i < chunkIds.length; i++) {
         /******/ chunkId = chunkIds[i];
Diff for index.html 
@@ -8,10 +8,10 @@
     <script
       defer=""
       nomodule=""
-      src="/_next/static/chunks/polyfills-e87f09c84badadba76ef.js"
+      src="/_next/static/chunks/polyfills-a40ef1678bae11e696dba45124eadd70.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-031adeaf444149491045.js"
+      src="/_next/static/chunks/webpack-e3a4ea5707671df28cf0.js"
       defer=""
     ></script>
     <script
@@ -19,11 +19,11 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-360fdd028674dd968d6e.js"
+      src="/_next/static/chunks/main-4e5d2e7cdece6a53509a.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-a7ea37c9b5d16fd0901b.js"
+      src="/_next/static/chunks/pages/_app-49ca463e4e9f4c42f3ec.js"
       defer=""
     ></script>
     <script
Diff for link.html 
@@ -8,10 +8,10 @@
     <script
       defer=""
       nomodule=""
-      src="/_next/static/chunks/polyfills-e87f09c84badadba76ef.js"
+      src="/_next/static/chunks/polyfills-a40ef1678bae11e696dba45124eadd70.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-031adeaf444149491045.js"
+      src="/_next/static/chunks/webpack-e3a4ea5707671df28cf0.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-360fdd028674dd968d6e.js"
+      src="/_next/static/chunks/main-4e5d2e7cdece6a53509a.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-a7ea37c9b5d16fd0901b.js"
+      src="/_next/static/chunks/pages/_app-49ca463e4e9f4c42f3ec.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-7a3c1e637e71f2a0e489.js"
+      src="/_next/static/chunks/pages/link-f62bdaa581311495bb85.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for withRouter.html 
@@ -8,10 +8,10 @@
     <script
       defer=""
       nomodule=""
-      src="/_next/static/chunks/polyfills-e87f09c84badadba76ef.js"
+      src="/_next/static/chunks/polyfills-a40ef1678bae11e696dba45124eadd70.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-031adeaf444149491045.js"
+      src="/_next/static/chunks/webpack-e3a4ea5707671df28cf0.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-360fdd028674dd968d6e.js"
+      src="/_next/static/chunks/main-4e5d2e7cdece6a53509a.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-a7ea37c9b5d16fd0901b.js"
+      src="/_next/static/chunks/pages/_app-49ca463e4e9f4c42f3ec.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-e26df01cd54dcbb5c15c.js"
+      src="/_next/static/chunks/pages/withRouter-072a37cc0c889cd17738.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Webpack 4 Mode (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
buildDuration 11.5s 12.2s ⚠️ +706ms
buildDurationCached 4.6s 4.8s ⚠️ +203ms
nodeModulesSize 49.1 MB 61.7 MB ⚠️ +12.6 MB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
/ failed reqs 0 0 ✓
/ total time (seconds) 2.577 2.712 ⚠️ +0.14
/ avg req/sec 970.3 921.77 ⚠️ -48.53
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 1.376 1.375 0
/error-in-render avg req/sec 1817.29 1818.68 +1.39
Client Bundles (main, webpack, commons) Overall increase ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
17.HASH.js gzip 185 B 186 B ⚠️ +1 B
677f882d2ed8..HASH.js gzip 14 kB 14.1 kB ⚠️ +126 B
framework.HASH.js gzip 41.9 kB 41.9 kB ✓
main-HASH.js gzip 10.6 kB 10.7 kB ⚠️ +109 B
webpack-HASH.js gzip 1.19 kB 1.19 kB ⚠️ +1 B
Overall change 67.8 kB 68.1 kB ⚠️ +237 B
Legacy Client Bundles (polyfills) Overall decrease ✓
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
polyfills-HASH.js gzip 31.3 kB N/A N/A
polyfills-a4..dd70.js gzip N/A 31 kB N/A
Overall change 31.3 kB 31 kB -236 B
Client Pages Overall increase ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
_app-HASH.js gzip 965 B 964 B -1 B
_error-HASH.js gzip 3.71 kB 3.8 kB ⚠️ +90 B
amp-HASH.js gzip 552 B 552 B ✓
css-HASH.js gzip 333 B 333 B ✓
dynamic-HASH.js gzip 2.71 kB 2.87 kB ⚠️ +167 B
head-HASH.js gzip 2.97 kB 3.06 kB ⚠️ +95 B
hooks-HASH.js gzip 911 B 924 B ⚠️ +13 B
index-HASH.js gzip 231 B 231 B ✓
link-HASH.js gzip 1.64 kB 1.64 kB -1 B
routerDirect..HASH.js gzip 298 B 298 B ✓
script-HASH.js gzip 2.95 kB 3.03 kB ⚠️ +83 B
withRouter-HASH.js gzip 294 B 295 B ⚠️ +1 B
e025d2764813..52f.css gzip 125 B 125 B ✓
Overall change 17.7 kB 18.1 kB ⚠️ +447 B
Client Build Manifests Overall increase ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
_buildManifest.js gzip 498 B 500 B ⚠️ +2 B
Overall change 498 B 500 B ⚠️ +2 B
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary v11.1.0 vercel/next.js refs/tags/v11.1.1-canary.19 Change
index.html gzip 578 B 587 B ⚠️ +9 B
link.html gzip 590 B 598 B ⚠️ +8 B
withRouter.html gzip 570 B 580 B ⚠️ +10 B
Overall change 1.74 kB 1.76 kB ⚠️ +27 B

Diffs

Diff for _buildManifest.js 
@@ -2,29 +2,29 @@ self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
   "/": ["static\u002Fchunks\u002Fpages\u002Findex-b8f868a0fff56c820ae0.js"],
   "/_error": [
-    "static\u002Fchunks\u002Fpages\u002F_error-76a050cae8d92043220a.js"
+    "static\u002Fchunks\u002Fpages\u002F_error-7c77670d2b26a13c0f41.js"
   ],
   "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-4855291bfb1c5a551232.js"],
   "/css": [
-    "static\u002Fcss\u002Fe025d27648136bbd252f.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-0fc40b547d044664b6a0.js"
+    "static\u002Fcss\u002F30809af5c834595ef565.css",
+    "static\u002Fchunks\u002Fpages\u002Fcss-c95c4860f8f0d43ed2d2.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-cbc12d944fc8bf945134.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-67056ae68e50f2dbeb95.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-abecfbe6a75f8cfa32c0.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-0aa0faef162b582deec7.js"],
   "/hooks": [
-    "static\u002Fchunks\u002Fpages\u002Fhooks-f3d7a61f2e1bf307c8a9.js"
+    "static\u002Fchunks\u002Fpages\u002Fhooks-47f63599c4d071f85737.js"
   ],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-2bc441b40fdd53a8f46a.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-c867b6da766c02c72904.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-6969fe7df87ea0f513b7.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-50fd45536deb174654c1.js"
   ],
   "/script": [
-    "static\u002Fchunks\u002Fpages\u002Fscript-4f37d5d753427e16b66e.js"
+    "static\u002Fchunks\u002Fpages\u002Fscript-0e954095d9a175e25af6.js"
   ],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-d324ed0c40e148c2c3fc.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-0fffa173b4934d0b86a2.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js 
@@ -43,8 +43,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
Diff for _error-HASH.js 
@@ -34,8 +34,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -237,6 +237,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _inherits;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -278,8 +280,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -384,6 +386,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _nonIterableSpread;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -418,11 +422,16 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
 
     /***/ EbDI: /***/ function(module, exports) {
       function _iterableToArray(iter) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter))
+        if (
+          (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null) ||
+          iter["@@iterator"] != null
+        )
           return Array.from(iter);
       }
 
       module.exports = _iterableToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -435,6 +444,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _arrayWithoutHoles;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -446,10 +457,14 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           : function _getPrototypeOf(o) {
               return o.__proto__ || Object.getPrototypeOf(o);
             };
+        (module.exports["default"] = module.exports),
+          (module.exports.__esModule = true);
         return _getPrototypeOf(o);
       }
 
       module.exports = _getPrototypeOf;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -466,6 +481,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _assertThisInitialized;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -501,6 +518,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _toConsumableArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -514,10 +533,14 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
             return o;
           };
 
+        (module.exports["default"] = module.exports),
+          (module.exports.__esModule = true);
         return _setPrototypeOf(o, p);
       }
 
       module.exports = _setPrototypeOf;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -540,6 +563,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _createClass;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -556,6 +581,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _arrayLikeToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -577,12 +604,14 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _unsupportedIterableToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
 
     /***/ a1gu: /***/ function(module, exports, __webpack_require__) {
-      var _typeof = __webpack_require__("cDf5");
+      var _typeof = __webpack_require__("cDf5")["default"];
 
       var assertThisInitialized = __webpack_require__("PJYZ");
 
@@ -592,12 +621,18 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           (_typeof(call) === "object" || typeof call === "function")
         ) {
           return call;
+        } else if (call !== void 0) {
+          throw new TypeError(
+            "Derived constructors may only return object or undefined"
+          );
         }
 
         return assertThisInitialized(self);
       }
 
       module.exports = _possibleConstructorReturn;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -613,6 +648,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           module.exports = _typeof = function _typeof(obj) {
             return typeof obj;
           };
+
+          (module.exports["default"] = module.exports),
+            (module.exports.__esModule = true);
         } else {
           module.exports = _typeof = function _typeof(obj) {
             return obj &&
@@ -622,12 +660,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
               ? "symbol"
               : typeof obj;
           };
+
+          (module.exports["default"] = module.exports),
+            (module.exports.__esModule = true);
         }
 
         return _typeof(obj);
       }
 
       module.exports = _typeof;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -695,6 +738,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _defineProperty;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -707,6 +752,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _classCallCheck;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -720,10 +767,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         var keys = Object.keys(object);
         if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(object);
-          if (enumerableOnly)
+          if (enumerableOnly) {
             symbols = symbols.filter(function(sym) {
               return Object.getOwnPropertyDescriptor(object, sym).enumerable;
             });
+          }
           keys.push.apply(keys, symbols);
         }
         return keys;
Diff for css-HASH.js 
@@ -38,25 +38,25 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
     ) {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        "nKUr"
+      /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+        "OHXn"
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__
+      /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
+        _css_module_css__WEBPACK_IMPORTED_MODULE_0__
       );
-      /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        "OHXn"
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        "nKUr"
       );
-      /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
-        _css_module_css__WEBPACK_IMPORTED_MODULE_1__
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__
       );
 
       var Page = function Page() {
         return /*#__PURE__*/ Object(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
         )("div", {
           className:
-            _css_module_css__WEBPACK_IMPORTED_MODULE_1___default.a.helloWorld,
+            _css_module_css__WEBPACK_IMPORTED_MODULE_0___default.a.helloWorld,
           children: "Hello world \uD83D\uDC4B"
         });
       };
Diff for dynamic-HASH.js 
@@ -4,20 +4,21 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
     /***/ O4nQ: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
-      var _defineProperty = __webpack_require__("lSNA");
-
       var _classCallCheck = __webpack_require__("lwsE");
 
       var _createClass = __webpack_require__("W8MJ");
 
+      var _defineProperty = __webpack_require__("lSNA");
+
       function ownKeys(object, enumerableOnly) {
         var keys = Object.keys(object);
         if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(object);
-          if (enumerableOnly)
+          if (enumerableOnly) {
             symbols = symbols.filter(function(sym) {
               return Object.getOwnPropertyDescriptor(object, sym).enumerable;
             });
+          }
           keys.push.apply(keys, symbols);
         }
         return keys;
@@ -49,8 +50,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       function _createForOfIteratorHelper(o, allowArrayLike) {
-        var it;
-        if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
+        var it =
+          (typeof Symbol !== "undefined" && o[Symbol.iterator]) ||
+          o["@@iterator"];
+        if (!it) {
           if (
             Array.isArray(o) ||
             (it = _unsupportedIterableToArray(o)) ||
@@ -80,7 +83,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           err;
         return {
           s: function s() {
-            it = o[Symbol.iterator]();
+            it = it.call(o);
           },
           n: function n() {
             var step = it.next();
@@ -178,10 +181,16 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
             delay: 200,
             timeout: null,
             webpack: null,
-            modules: null
+            modules: null,
+            suspense: false
           },
           options
         );
+
+        if (opts.suspense) {
+          opts.lazy = _react["default"].lazy(opts.loader);
+        }
+
         var subscription = null;
 
         function init() {
@@ -205,7 +214,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           !initialized &&
           true &&
           typeof opts.webpack === "function" &&
-          "function" === "function"
+          "function" === "function" &&
+          !opts.suspense
         ) {
           var moduleIds = opts.webpack();
           READY_INITIALIZERS.push(function(ids) {
@@ -228,7 +238,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           });
         }
 
-        var LoadableComponent = function LoadableComponent(props, ref) {
+        function LoadableImpl(props, ref) {
           init();
 
           var context = _react["default"].useContext(
@@ -274,10 +284,25 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
             },
             [props, state]
           );
-        };
+        }
+
+        function LazyImpl(props, ref) {
+          return _react["default"].createElement(
+            opts.lazy,
+            _objectSpread(
+              _objectSpread({}, props),
+              {},
+              {
+                ref: ref
+              }
+            )
+          );
+        }
+
+        var LoadableComponent = opts.suspense ? LazyImpl : LoadableImpl;
 
         LoadableComponent.preload = function() {
-          return init();
+          return !opts.suspense && init();
         };
 
         LoadableComponent.displayName = "LoadableComponent";
@@ -518,6 +543,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _createClass;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -536,23 +563,23 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           return __N_SSP;
         }
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        "nKUr"
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+        "Vvt1"
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
+        next_dynamic__WEBPACK_IMPORTED_MODULE_0__
       );
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        "Vvt1"
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        "nKUr"
       );
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
-        next_dynamic__WEBPACK_IMPORTED_MODULE_1__
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__
       );
 
-      var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
+      var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_0___default()(
         function() {
           return __webpack_require__
-            .e(/* import() */ 17)
+            .e(/* import() */ 16)
             .then(__webpack_require__.bind(null, "GaDq"));
         },
         {
@@ -567,16 +594,16 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
 
       var Page = function Page() {
         return /*#__PURE__*/ Object(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"]
-        )(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsxs"]
+        )(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["Fragment"], {
           children: [
             /*#__PURE__*/ Object(
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
             )("p", {
               children: "testing next/dynamic size"
             }),
             /*#__PURE__*/ Object(
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
             )(DynamicHello, {})
           ]
         });
@@ -606,6 +633,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _defineProperty;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -618,6 +647,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _classCallCheck;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -631,10 +662,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         var keys = Object.keys(object);
         if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(object);
-          if (enumerableOnly)
+          if (enumerableOnly) {
             symbols = symbols.filter(function(sym) {
               return Object.getOwnPropertyDescriptor(object, sym).enumerable;
             });
+          }
           keys.push.apply(keys, symbols);
         }
         return keys;
@@ -742,7 +774,22 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         loadableOptions = _objectSpread(
           _objectSpread({}, loadableOptions),
           options
-        ); // coming from build/babel/plugins/react-loadable-plugin.js
+        );
+        var suspenseOptions = loadableOptions;
+
+        if (true) {
+          // Error if react root is not enabled and `suspense` option is set to true
+          if (true && suspenseOptions.suspense) {
+            // TODO: add error doc when this feature is stable
+            throw new Error(
+              "Invalid suspense option usage in next/dynamic. Read more: https://nextjs.org/docs/messages/invalid-dynamic-suspense"
+            );
+          }
+        }
+
+        if (suspenseOptions.suspense) {
+          return loadableFn(suspenseOptions);
+        } // coming from build/babel/plugins/react-loadable-plugin.js
 
         if (loadableOptions.loadableGenerated) {
           loadableOptions = _objectSpread(
Diff for head-HASH.js 
@@ -22,6 +22,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _inherits;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -63,8 +65,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -169,6 +171,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _nonIterableSpread;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -203,11 +207,16 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
 
     /***/ EbDI: /***/ function(module, exports) {
       function _iterableToArray(iter) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter))
+        if (
+          (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null) ||
+          iter["@@iterator"] != null
+        )
           return Array.from(iter);
       }
 
       module.exports = _iterableToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -220,6 +229,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _arrayWithoutHoles;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -238,35 +249,35 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           return __N_SSP;
         }
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        "nKUr"
+      /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+        "g4pe"
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__
+      /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
+        next_head__WEBPACK_IMPORTED_MODULE_0__
       );
-      /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        "g4pe"
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        "nKUr"
       );
-      /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
-        next_head__WEBPACK_IMPORTED_MODULE_1__
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__
       );
 
       var Page = function Page() {
         return /*#__PURE__*/ Object(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"]
-        )(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsxs"]
+        )(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["Fragment"], {
           children: [
             /*#__PURE__*/ Object(
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
-            )(next_head__WEBPACK_IMPORTED_MODULE_1___default.a, {
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
+            )(next_head__WEBPACK_IMPORTED_MODULE_0___default.a, {
               children: /*#__PURE__*/ Object(
-                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
+                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
               )("title", {
                 children: "hello world"
               })
             }),
             /*#__PURE__*/ Object(
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
             )("p", {
               children: "testing next/head size"
             })
@@ -288,10 +299,14 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           : function _getPrototypeOf(o) {
               return o.__proto__ || Object.getPrototypeOf(o);
             };
+        (module.exports["default"] = module.exports),
+          (module.exports.__esModule = true);
         return _getPrototypeOf(o);
       }
 
       module.exports = _getPrototypeOf;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -308,6 +323,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _assertThisInitialized;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -354,6 +371,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _toConsumableArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -367,10 +386,14 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
             return o;
           };
 
+        (module.exports["default"] = module.exports),
+          (module.exports.__esModule = true);
         return _setPrototypeOf(o, p);
       }
 
       module.exports = _setPrototypeOf;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -393,6 +416,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _createClass;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -409,6 +434,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _arrayLikeToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -430,12 +457,14 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _unsupportedIterableToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
 
     /***/ a1gu: /***/ function(module, exports, __webpack_require__) {
-      var _typeof = __webpack_require__("cDf5");
+      var _typeof = __webpack_require__("cDf5")["default"];
 
       var assertThisInitialized = __webpack_require__("PJYZ");
 
@@ -445,12 +474,18 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           (_typeof(call) === "object" || typeof call === "function")
         ) {
           return call;
+        } else if (call !== void 0) {
+          throw new TypeError(
+            "Derived constructors may only return object or undefined"
+          );
         }
 
         return assertThisInitialized(self);
       }
 
       module.exports = _possibleConstructorReturn;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -466,6 +501,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           module.exports = _typeof = function _typeof(obj) {
             return typeof obj;
           };
+
+          (module.exports["default"] = module.exports),
+            (module.exports.__esModule = true);
         } else {
           module.exports = _typeof = function _typeof(obj) {
             return obj &&
@@ -475,12 +513,17 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
               ? "symbol"
               : typeof obj;
           };
+
+          (module.exports["default"] = module.exports),
+            (module.exports.__esModule = true);
         }
 
         return _typeof(obj);
       }
 
       module.exports = _typeof;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -554,6 +597,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _defineProperty;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -566,6 +611,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _classCallCheck;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -579,10 +626,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         var keys = Object.keys(object);
         if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(object);
-          if (enumerableOnly)
+          if (enumerableOnly) {
             symbols = symbols.filter(function(sym) {
               return Object.getOwnPropertyDescriptor(object, sym).enumerable;
             });
+          }
           keys.push.apply(keys, symbols);
         }
         return keys;
Diff for hooks-HASH.js 
@@ -10,28 +10,27 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       // ESM COMPAT FLAG
       __webpack_require__.r(__webpack_exports__);
 
-      // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-      var jsx_runtime = __webpack_require__("nKUr");
-
       // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
       function _arrayWithHoles(arr) {
         if (Array.isArray(arr)) return arr;
       }
       // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
       function _iterableToArrayLimit(arr, i) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr)))
-          return;
+        var _i =
+          arr == null
+            ? null
+            : (typeof Symbol !== "undefined" && arr[Symbol.iterator]) ||
+              arr["@@iterator"];
+
+        if (_i == null) return;
         var _arr = [];
         var _n = true;
         var _d = false;
-        var _e = undefined;
+
+        var _s, _e;
 
         try {
-          for (
-            var _i = arr[Symbol.iterator](), _s;
-            !(_n = (_s = _i.next()).done);
-            _n = true
-          ) {
+          for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
             _arr.push(_s.value);
 
             if (i && _arr.length === i) break;
@@ -93,6 +92,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       var react = __webpack_require__("q1tI");
       var react_default = /*#__PURE__*/ __webpack_require__.n(react);
 
+      // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
+      var jsx_runtime = __webpack_require__("nKUr");
+
       // CONCATENATED MODULE: ./pages/hooks.js
 
       /* harmony default export */ var hooks = (__webpack_exports__[
Diff for link-HASH.js 
@@ -15,32 +15,32 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           return __N_SSP;
         }
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        "nKUr"
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+        "YFqc"
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
+        next_link__WEBPACK_IMPORTED_MODULE_0__
       );
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        "YFqc"
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        "nKUr"
       );
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
-        next_link__WEBPACK_IMPORTED_MODULE_1__
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__
       );
 
       function aLink(props) {
         return /*#__PURE__*/ Object(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"]
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsxs"]
         )("div", {
           children: [
             /*#__PURE__*/ Object(
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
             )("h3", {
               children: "A Link page!"
             }),
             /*#__PURE__*/ Object(
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
-            )(next_link__WEBPACK_IMPORTED_MODULE_1___default.a, {
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
+            )(next_link__WEBPACK_IMPORTED_MODULE_0___default.a, {
               href: "/",
               children: "Go to /"
             })
Diff for routerDirect-HASH.js 
@@ -32,24 +32,23 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           return __N_SSP;
         }
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        "nKUr"
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+        "20a2"
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
+        next_router__WEBPACK_IMPORTED_MODULE_0__
       );
-      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        "20a2"
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        "nKUr"
       );
-      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
-        next_router__WEBPACK_IMPORTED_MODULE_1__
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__
       );
-
       /* eslint-disable-next-line */
 
       function routerDirect(props) {
         return /*#__PURE__*/ Object(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
         )("div", {
           children: "I import the router directly"
         });
Diff for script-HASH.js 
@@ -150,6 +150,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           dangerouslySetInnerHTML = props.dangerouslySetInnerHTML,
           _props$children = props.children,
           children = _props$children === void 0 ? "" : _props$children,
+          _props$strategy = props.strategy,
+          strategy =
+            _props$strategy === void 0 ? "afterInteractive" : _props$strategy,
           onError = props.onError;
         var cacheKey = id || src; // Script has already loaded
 
@@ -218,13 +221,14 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           el.setAttribute(attr, value);
         }
 
+        el.setAttribute("data-nscript", strategy);
         document.body.appendChild(el);
       };
 
       function handleClientScriptLoad(props) {
-        var _props$strategy = props.strategy,
+        var _props$strategy2 = props.strategy,
           strategy =
-            _props$strategy === void 0 ? "afterInteractive" : _props$strategy;
+            _props$strategy2 === void 0 ? "afterInteractive" : _props$strategy2;
 
         if (strategy === "afterInteractive") {
           loadScript(props);
@@ -261,9 +265,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           _props$onLoad2 = props.onLoad,
           onLoad = _props$onLoad2 === void 0 ? function() {} : _props$onLoad2,
           dangerouslySetInnerHTML = props.dangerouslySetInnerHTML,
-          _props$strategy2 = props.strategy,
+          _props$strategy3 = props.strategy,
           strategy =
-            _props$strategy2 === void 0 ? "afterInteractive" : _props$strategy2,
+            _props$strategy3 === void 0 ? "afterInteractive" : _props$strategy3,
           onError = props.onError,
           restProps = _objectWithoutProperties(props, [
             "src",
@@ -277,7 +281,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
             _headManagerContext.HeadManagerContext
           ),
           updateScripts = _useContext.updateScripts,
-          scripts = _useContext.scripts;
+          scripts = _useContext.scripts,
+          getIsSsr = _useContext.getIsSsr;
 
         (0, _react).useEffect(
           function() {
@@ -305,7 +310,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
               )
             ]);
             updateScripts(scripts);
-          } else {
+          } else if (getIsSsr && getIsSsr()) {
+            // Script has already loaded during SSR
+            LoadCache.add(restProps.id || src);
+          } else if (getIsSsr && !getIsSsr()) {
             loadScript(props);
           }
         }
@@ -523,6 +531,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _slicedToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -551,6 +561,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _arrayLikeToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -572,6 +584,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _unsupportedIterableToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -601,32 +615,32 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           return __N_SSP;
         }
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        "nKUr"
+      /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+        "x+Y2"
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__
+      /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
+        next_script__WEBPACK_IMPORTED_MODULE_0__
       );
-      /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        "x+Y2"
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        "nKUr"
       );
-      /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
-        next_script__WEBPACK_IMPORTED_MODULE_1__
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__
       );
 
       var Page = function Page() {
         return /*#__PURE__*/ Object(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"]
-        )(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsxs"]
+        )(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["Fragment"], {
           children: [
             /*#__PURE__*/ Object(
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
             )("p", {
               children: "testing next/dynamic size"
             }),
             /*#__PURE__*/ Object(
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
-            )(next_script__WEBPACK_IMPORTED_MODULE_1___default.a, {
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
+            )(next_script__WEBPACK_IMPORTED_MODULE_0___default.a, {
               dangerouslySetInnerHTML: {
                 __html: 'console.log("hello")'
               }
@@ -644,19 +658,21 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
 
     /***/ m0LI: /***/ function(module, exports) {
       function _iterableToArrayLimit(arr, i) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr)))
-          return;
+        var _i =
+          arr == null
+            ? null
+            : (typeof Symbol !== "undefined" && arr[Symbol.iterator]) ||
+              arr["@@iterator"];
+
+        if (_i == null) return;
         var _arr = [];
         var _n = true;
         var _d = false;
-        var _e = undefined;
+
+        var _s, _e;
 
         try {
-          for (
-            var _i = arr[Symbol.iterator](), _s;
-            !(_n = (_s = _i.next()).done);
-            _n = true
-          ) {
+          for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
             _arr.push(_s.value);
 
             if (i && _arr.length === i) break;
@@ -676,6 +692,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _iterableToArrayLimit;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -686,6 +704,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _arrayWithHoles;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -698,6 +718,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _nonIterableRest;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
Diff for withRouter-HASH.js 
@@ -15,22 +15,22 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           return __N_SSP;
         }
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        "nKUr"
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+        "20a2"
       );
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__
+      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
+        next_router__WEBPACK_IMPORTED_MODULE_0__
       );
-      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        "20a2"
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        "nKUr"
       );
-      /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
-        next_router__WEBPACK_IMPORTED_MODULE_1__
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__
       );
 
       function useWithRouter(props) {
         return /*#__PURE__*/ Object(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"]
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__["jsx"]
         )("div", {
           children: "I use withRouter"
         });
@@ -39,7 +39,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
 
       var __N_SSP = true;
       /* harmony default export */ __webpack_exports__["default"] = Object(
-        next_router__WEBPACK_IMPORTED_MODULE_1__["withRouter"]
+        next_router__WEBPACK_IMPORTED_MODULE_0__["withRouter"]
       )(useWithRouter);
 
       /***/
Diff for 17.HASH.js 
@@ -1,5 +1,5 @@
 (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
-  [17],
+  [16],
   {
     /***/ GaDq: /***/ function(
       module,
Diff for 677f882d2ed8..c4df.HASH.js 
@@ -168,8 +168,8 @@
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -188,10 +188,12 @@
       exports.normalizeRepeatedSlashes = normalizeRepeatedSlashes;
       exports.loadGetInitialProps = loadGetInitialProps;
       exports.formatWithValidation = formatWithValidation;
-      exports.ST = exports.SP = exports.urlObjectKeys = void 0;
+      exports.ST = exports.SP = exports.HtmlContext = exports.urlObjectKeys = void 0;
 
       var _formatUrl = __webpack_require__("JHdK");
 
+      var _react = __webpack_require__("q1tI");
+
       function execOnce(fn) {
         var used = false;
         var result;
@@ -394,6 +396,11 @@
       })(/*#__PURE__*/ _wrapNativeSuper(Error));
 
       exports.DecodeError = DecodeError;
+      var HtmlContext = (0, _react).createContext(null);
+      exports.HtmlContext = HtmlContext;
+
+      if (false) {
+      }
 
       /***/
     },
@@ -419,6 +426,8 @@
       }
 
       module.exports = _inherits;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -642,6 +651,8 @@
       }
 
       module.exports = _slicedToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -1156,10 +1167,14 @@
           : function _getPrototypeOf(o) {
               return o.__proto__ || Object.getPrototypeOf(o);
             };
+        (module.exports["default"] = module.exports),
+          (module.exports.__esModule = true);
         return _getPrototypeOf(o);
       }
 
       module.exports = _getPrototypeOf;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -1176,6 +1191,8 @@
       }
 
       module.exports = _assertThisInitialized;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -1377,7 +1394,7 @@
 
             if (repeat && !Array.isArray(value)) value = [value];
             return (
-              (optional || param in dynamicMatches) && // Interpolate group into data URL if present
+              (optional || param in dynamicMatches) &&
               (interpolatedRoute =
                 interpolatedRoute.replace(
                   replaced,
@@ -3331,10 +3348,14 @@
             return o;
           };
 
+        (module.exports["default"] = module.exports),
+          (module.exports.__esModule = true);
         return _setPrototypeOf(o, p);
       }
 
       module.exports = _setPrototypeOf;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -3357,6 +3378,8 @@
       }
 
       module.exports = _createClass;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -3373,6 +3396,8 @@
       }
 
       module.exports = _arrayLikeToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -3446,12 +3471,14 @@
       }
 
       module.exports = _unsupportedIterableToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
 
     /***/ a1gu: /***/ function(module, exports, __webpack_require__) {
-      var _typeof = __webpack_require__("cDf5");
+      var _typeof = __webpack_require__("cDf5")["default"];
 
       var assertThisInitialized = __webpack_require__("PJYZ");
 
@@ -3461,12 +3488,18 @@
           (_typeof(call) === "object" || typeof call === "function")
         ) {
           return call;
+        } else if (call !== void 0) {
+          throw new TypeError(
+            "Derived constructors may only return object or undefined"
+          );
         }
 
         return assertThisInitialized(self);
       }
 
       module.exports = _possibleConstructorReturn;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -3478,8 +3511,8 @@
         if (typeof Proxy === "function") return true;
 
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -3488,6 +3521,8 @@
       }
 
       module.exports = _isNativeReflectConstruct;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -3601,6 +3636,9 @@
           module.exports = _typeof = function _typeof(obj) {
             return typeof obj;
           };
+
+          (module.exports["default"] = module.exports),
+            (module.exports.__esModule = true);
         } else {
           module.exports = _typeof = function _typeof(obj) {
             return obj &&
@@ -3610,12 +3648,17 @@
               ? "symbol"
               : typeof obj;
           };
+
+          (module.exports["default"] = module.exports),
+            (module.exports.__esModule = true);
         }
 
         return _typeof(obj);
       }
 
       module.exports = _typeof;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -4404,25 +4447,29 @@
       }
 
       module.exports = _classCallCheck;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
 
     /***/ m0LI: /***/ function(module, exports) {
       function _iterableToArrayLimit(arr, i) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr)))
-          return;
+        var _i =
+          arr == null
+            ? null
+            : (typeof Symbol !== "undefined" && arr[Symbol.iterator]) ||
+              arr["@@iterator"];
+
+        if (_i == null) return;
         var _arr = [];
         var _n = true;
         var _d = false;
-        var _e = undefined;
+
+        var _s, _e;
 
         try {
-          for (
-            var _i = arr[Symbol.iterator](), _s;
-            !(_n = (_s = _i.next()).done);
-            _n = true
-          ) {
+          for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
             _arr.push(_s.value);
 
             if (i && _arr.length === i) break;
@@ -4442,6 +4489,8 @@
       }
 
       module.exports = _iterableToArrayLimit;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -4452,8 +4501,10 @@
       var _construct = __webpack_require__("sXyB");
 
       function _createForOfIteratorHelper(o, allowArrayLike) {
-        var it;
-        if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
+        var it =
+          (typeof Symbol !== "undefined" && o[Symbol.iterator]) ||
+          o["@@iterator"];
+        if (!it) {
           if (
             Array.isArray(o) ||
             (it = _unsupportedIterableToArray(o)) ||
@@ -4483,7 +4534,7 @@
           err;
         return {
           s: function s() {
-            it = o[Symbol.iterator]();
+            it = it.call(o);
           },
           n: function n() {
             var step = it.next();
@@ -4777,10 +4828,14 @@
           return setPrototypeOf(Wrapper, Class);
         };
 
+        (module.exports["default"] = module.exports),
+          (module.exports.__esModule = true);
         return _wrapNativeSuper(Class);
       }
 
       module.exports = _wrapNativeSuper;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -4843,6 +4898,8 @@
       function _construct(Parent, args, Class) {
         if (isNativeReflectConstruct()) {
           module.exports = _construct = Reflect.construct;
+          (module.exports["default"] = module.exports),
+            (module.exports.__esModule = true);
         } else {
           module.exports = _construct = function _construct(
             Parent,
@@ -4856,12 +4913,17 @@
             if (Class) setPrototypeOf(instance, Class.prototype);
             return instance;
           };
+
+          (module.exports["default"] = module.exports),
+            (module.exports.__esModule = true);
         }
 
         return _construct.apply(null, arguments);
       }
 
       module.exports = _construct;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -4872,6 +4934,8 @@
       }
 
       module.exports = _arrayWithHoles;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -4884,6 +4948,8 @@
       }
 
       module.exports = _nonIterableRest;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -4894,6 +4960,8 @@
       }
 
       module.exports = _isNativeFunction;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -4960,6 +5028,8 @@
       }
 
       module.exports = _asyncToGenerator;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     }
Diff for main-HASH.js 
@@ -34,8 +34,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -732,6 +732,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           dangerouslySetInnerHTML = props.dangerouslySetInnerHTML,
           _props$children = props.children,
           children = _props$children === void 0 ? "" : _props$children,
+          _props$strategy = props.strategy,
+          strategy =
+            _props$strategy === void 0 ? "afterInteractive" : _props$strategy,
           onError = props.onError;
         var cacheKey = id || src; // Script has already loaded
 
@@ -800,13 +803,14 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           el.setAttribute(attr, value);
         }
 
+        el.setAttribute("data-nscript", strategy);
         document.body.appendChild(el);
       };
 
       function handleClientScriptLoad(props) {
-        var _props$strategy = props.strategy,
+        var _props$strategy2 = props.strategy,
           strategy =
-            _props$strategy === void 0 ? "afterInteractive" : _props$strategy;
+            _props$strategy2 === void 0 ? "afterInteractive" : _props$strategy2;
 
         if (strategy === "afterInteractive") {
           loadScript(props);
@@ -843,9 +847,9 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           _props$onLoad2 = props.onLoad,
           onLoad = _props$onLoad2 === void 0 ? function() {} : _props$onLoad2,
           dangerouslySetInnerHTML = props.dangerouslySetInnerHTML,
-          _props$strategy2 = props.strategy,
+          _props$strategy3 = props.strategy,
           strategy =
-            _props$strategy2 === void 0 ? "afterInteractive" : _props$strategy2,
+            _props$strategy3 === void 0 ? "afterInteractive" : _props$strategy3,
           onError = props.onError,
           restProps = _objectWithoutProperties(props, [
             "src",
@@ -859,7 +863,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
             _headManagerContext.HeadManagerContext
           ),
           updateScripts = _useContext.updateScripts,
-          scripts = _useContext.scripts;
+          scripts = _useContext.scripts,
+          getIsSsr = _useContext.getIsSsr;
 
         (0, _react).useEffect(
           function() {
@@ -887,7 +892,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
               )
             ]);
             updateScripts(scripts);
-          } else {
+          } else if (getIsSsr && getIsSsr()) {
+            // Script has already loaded during SSR
+            LoadCache.add(restProps.id || src);
+          } else if (getIsSsr && !getIsSsr()) {
             loadScript(props);
           }
         }
@@ -960,8 +968,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -1066,6 +1074,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _nonIterableSpread;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -1316,11 +1326,16 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
 
     /***/ EbDI: /***/ function(module, exports) {
       function _iterableToArray(iter) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter))
+        if (
+          (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null) ||
+          iter["@@iterator"] != null
+        )
           return Array.from(iter);
       }
 
       module.exports = _iterableToArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -1362,8 +1377,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
         try {
-          Date.prototype.toString.call(
-            Reflect.construct(Date, [], function() {})
+          Boolean.prototype.valueOf.call(
+            Reflect.construct(Boolean, [], function() {})
           );
           return true;
         } catch (e) {
@@ -1551,7 +1566,7 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         document.getElementById("__NEXT_DATA__").textContent
       );
       window.__NEXT_DATA__ = data;
-      var version = "11.1.0";
+      var version = "11.1.1-canary.19";
       exports.version = version;
 
       var looseToArray = function looseToArray(input) {
@@ -1640,6 +1655,10 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       exports.router = router;
       var CachedApp, onPerfEntry;
 
+      headManager.getIsSsr = function() {
+        return router.isSsr;
+      };
+
       var Container = /*#__PURE__*/ (function(_react$default$Compon) {
         _inherits(Container, _react$default$Compon);
 
@@ -2519,6 +2538,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _arrayWithoutHoles;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -2542,6 +2563,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _toConsumableArray;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -2658,6 +2681,8 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       module.exports = _defineProperty;
+      (module.exports["default"] = module.exports),
+        (module.exports.__esModule = true);
 
       /***/
     },
@@ -2671,10 +2696,11 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
         var keys = Object.keys(object);
         if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(object);
-          if (enumerableOnly)
+          if (enumerableOnly) {
             symbols = symbols.filter(function(sym) {
               return Object.getOwnPropertyDescriptor(object, sym).enumerable;
             });
+          }
           keys.push.apply(keys, symbols);
         }
         return keys;
@@ -3126,6 +3152,25 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
       }
 
       var PageLoader = /*#__PURE__*/ (function() {
+        function PageLoader(buildId, assetPrefix) {
+          _classCallCheck(this, PageLoader);
+
+          this.routeLoader = (0, _routeLoader).createRouteLoader(assetPrefix);
+          this.buildId = buildId;
+          this.assetPrefix = assetPrefix;
+          /** @type {Promise<Set<string>>} */
+
+          this.promisedSsgManifest = new Promise(function(resolve) {
+            if (window.__SSG_MANIFEST) {
+              resolve(window.__SSG_MANIFEST);
+            } else {
+              window.__SSG_MANIFEST_CB = function() {
+                resolve(window.__SSG_MANIFEST);
+              };
+            }
+          });
+        }
+
         _createClass(PageLoader, [
           {
             key: "getPageList",
@@ -3229,25 +3274,6 @@ _N_E = (window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([
           }
         ]);
 
-        function PageLoader(buildId, assetPrefix) {
-          _classCallCheck(this, PageLoader);
-
-          this.routeLoader = (0, _routeLoader).createRouteLoader(assetPrefix);
-          this.buildId = buildId;
-          this.assetPrefix = assetPrefix;
-          /** @type {Promise<Set<string>>} */
-
-          this.promisedSsgManifest = new Promise(function(resolve) {
-            if (window.__SSG_MANIFEST) {
-              resolve(window.__SSG_MANIFEST);
-            } else {
-              window.__SSG_MANIFEST_CB = function() {
-                resolve(window.__SSG_MANIFEST);
-              };
-            }
-          });
-        }
-
         return PageLoader;
       })();
Diff for polyfills-HASH.js 
deleted
Diff for polyfills-a4..124eadd70.js

Diff too large to display

Diff for webpack-HASH.js 
@@ -85,7 +85,7 @@
       "static/chunks/" +
       ({}[chunkId] || chunkId) +
       "." +
-      { "17": "3d084653b6499a5a6e00" }[chunkId] +
+      { "16": "6fd1a3665a4372e3b214" }[chunkId] +
       ".js"
     );
     /******/
Diff for index.html 
@@ -8,10 +8,10 @@
     <script
       defer=""
       nomodule=""
-      src="/_next/static/chunks/polyfills-85918dace37a5ba0ac6b.js"
+      src="/_next/static/chunks/polyfills-a40ef1678bae11e696dba45124eadd70.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0cd6603d8fc22ae04472.js"
+      src="/_next/static/chunks/webpack-1d12e847dc26f509cc34.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/677f882d2ed86fa3467b8979053c1a4c3f8bc4df.87a4eb712c6ed49920c1.js"
+      src="/_next/static/chunks/677f882d2ed86fa3467b8979053c1a4c3f8bc4df.891f3d9eee23571a9bfc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-a644461c1b0a0167f911.js"
+      src="/_next/static/chunks/main-9f5dccc2c2f7a4103a14.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-ad0750eb13ff9dd7e7ba.js"
+      src="/_next/static/chunks/pages/_app-0cc29a938406191f5a1c.js"
       defer=""
     ></script>
     <script
Diff for link.html 
@@ -8,10 +8,10 @@
     <script
       defer=""
       nomodule=""
-      src="/_next/static/chunks/polyfills-85918dace37a5ba0ac6b.js"
+      src="/_next/static/chunks/polyfills-a40ef1678bae11e696dba45124eadd70.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0cd6603d8fc22ae04472.js"
+      src="/_next/static/chunks/webpack-1d12e847dc26f509cc34.js"
       defer=""
     ></script>
     <script
@@ -19,19 +19,19 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/677f882d2ed86fa3467b8979053c1a4c3f8bc4df.87a4eb712c6ed49920c1.js"
+      src="/_next/static/chunks/677f882d2ed86fa3467b8979053c1a4c3f8bc4df.891f3d9eee23571a9bfc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-a644461c1b0a0167f911.js"
+      src="/_next/static/chunks/main-9f5dccc2c2f7a4103a14.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-ad0750eb13ff9dd7e7ba.js"
+      src="/_next/static/chunks/pages/_app-0cc29a938406191f5a1c.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-2bc441b40fdd53a8f46a.js"
+      src="/_next/static/chunks/pages/link-c867b6da766c02c72904.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for withRouter.html 
@@ -8,10 +8,10 @@
     <script
       defer=""
       nomodule=""
-      src="/_next/static/chunks/polyfills-85918dace37a5ba0ac6b.js"
+      src="/_next/static/chunks/polyfills-a40ef1678bae11e696dba45124eadd70.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-0cd6603d8fc22ae04472.js"
+      src="/_next/static/chunks/webpack-1d12e847dc26f509cc34.js"
       defer=""
     ></script>
     <script
@@ -19,19 +19,19 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/677f882d2ed86fa3467b8979053c1a4c3f8bc4df.87a4eb712c6ed49920c1.js"
+      src="/_next/static/chunks/677f882d2ed86fa3467b8979053c1a4c3f8bc4df.891f3d9eee23571a9bfc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-a644461c1b0a0167f911.js"
+      src="/_next/static/chunks/main-9f5dccc2c2f7a4103a14.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-ad0750eb13ff9dd7e7ba.js"
+      src="/_next/static/chunks/pages/_app-0cc29a938406191f5a1c.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-d324ed0c40e148c2c3fc.js"
+      src="/_next/static/chunks/pages/withRouter-0fffa173b4934d0b86a2.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Please sign in to comment.