Update dependencies, despite the Next / SVGr issue

Loading SVG resources, we use the next-svg plugin. Underneath, the plugin leverages the great SVGr library.

Between versions 10.2.4-canary.4 and 10.2.4-canary.5, incompatibility issues with the used plugin and SVGr, respectively, became known.

The problem gets tracked here vercel/next.js#25950.

To work around the problem in the meantime, the following next configuration gets used.

images: {
   disableStaticImages: true
}

Note: In Next 11 the default webpack version is 5.

build/webpack-build/package.json

@@ -15,6 +15,6 @@
     "rimraf": "^3.0.2",
     "ts-loader": "^9.2.3",
     "typescript": "^4.3.2",
-    "webpack": "^5.38.1"
+    "webpack": "^5.39.0"
   }
 }

next.config.js

@@ -35,8 +35,8 @@ const nextConfig = {
     return merge(config, webpackConfig(options));
   },
 
-  future: {
-    webpack5: true
+  images: {
+    disableStaticImages: true
   },
 
   pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx']

package.json

@@ -71,7 +71,7 @@
     "@stefanprobst/next-svg": "^1.1.3",
     "@types/pdfjs-dist": "^2.7.3",
     "@types/resize-observer-browser": "^0.1.5",
-    "@vangware/window-open-promise": "^4.1.2",
+    "@vangware/window-open-promise": "^4.1.3",
     "ahooks": "^2.10.6",
     "clsx": "^1.1.1",
     "copy-to-clipboard": "^3.3.1",
@@ -80,14 +80,14 @@
     "element-resize-detector": "^1.2.2",
     "factory.ts": "^0.5.2",
     "fast-glob": "^3.2.5",
-    "framer-motion": "4.1.18-rc.20",
+    "framer-motion": "4.1.18-rc.25",
     "gray-matter": "^4.0.3",
     "group-array": "^1.0.0",
     "immer": "^9.0.3",
     "jss": "^10.6.0",
     "lodash": "^4.17.21",
     "mdast-util-toc": "^5.1.0",
-    "next": "10.2.4-canary.4",
+    "next": "11.0.0",
     "next-mdx-remote": "^3.0.2",
     "next-merge-props": "^0.5.0",
     "next-translate": "1.0.7",
@@ -101,7 +101,7 @@
     "react-pdf": "^5.3.0",
     "react-scroll": "^1.8.2",
     "react-sizeme": "^3.0.1",
-    "reading-time-estimator": "1.3.3",
+    "reading-time-estimator": "1.3.4",
     "recoil": "^0.3.1",
     "remark-parse": "^9.0.0",
     "remark-react": "^8.0.0",
@@ -116,7 +116,7 @@
     "use-query-params": "^1.2.2",
     "uuid": "^8.3.2",
     "vfile": "^4.2.1",
-    "victory": "^35.8.5"
+    "victory": "^35.8.6"
   },
   "devDependencies": {
     "@types/draft-js": "^0.11.3",
@@ -131,8 +131,8 @@
     "@types/styled-components": "^5.1.10",
     "@types/unist": "^2.0.3",
     "@types/webpack-merge": "^5.0.0",
-    "@typescript-eslint/eslint-plugin": "^4.26.1",
-    "@typescript-eslint/parser": "^4.26.1",
+    "@typescript-eslint/eslint-plugin": "^4.27.0",
+    "@typescript-eslint/parser": "^4.27.0",
     "eslint": "^7.28.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.23.4",
@@ -149,9 +149,9 @@
     "webpack-merge": "5.8.0"
   },
   "resolutions": {
-    "webpack": "5.38.1",
+    "webpack": "5.39.0",
     "next-translate": "1.0.7",
-    "next": "10.2.4-canary.4",
+    "next": "11.0.0",
     "@material-ui/icons": "5.0.0-alpha.37",
     "@material-ui/core": "5.0.0-alpha.37",
     "@material-ui/lab": "5.0.0-alpha.37",

packages/app/components/package.json

@@ -21,7 +21,7 @@
     "@types/react": "^17.0.11",
     "@types/react-dom": "^17.0.7",
     "clsx": "^1.1.1",
-    "next": "10.2.4-canary.4",
+    "next": "11.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "typescript": "^4.3.2"

packages/app/layout/package.json

@@ -17,7 +17,7 @@
     "@types/styled-components": "^5.1.10",
     "clsx": "^1.1.1",
     "lodash": "^4.17.21",
-    "next": "10.2.4-canary.4",
+    "next": "11.0.0",
     "next-translate": "1.0.7",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

packages/illustrations/package.json

@@ -11,7 +11,7 @@
   "devDependencies": {
     "@types/react": "^17.0.11",
     "@types/react-dom": "^17.0.7",
-    "next": "10.2.4-canary.4",
+    "next": "11.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "typescript": "^4.3.2"

packages/mdx-compile/package.json

@@ -16,7 +16,7 @@
     "typescript": "^4.3.2"
   },
   "dependencies": {
-    "@babel/core": "7.14.5",
+    "@babel/core": "7.14.6",
     "@babel/preset-env": "7.14.5",
     "@babel/preset-react": "^7.14.5",
     "@istok/mdx": "^0.2.0",