chore: Upgrade to webpack 5, fix conflicting issues with react-router under docusaurus with yarn workspaces

package.json

@@ -32,7 +32,6 @@
     "test:unit": "jest --collectCoverage",
     "test:unit:ci": "lerna run test:unit:ci --parallel --stream",
     "test:e2e": "lerna run test:e2e --stream",
-    "test:e2e:script-tag": "lerna run test:e2e:script-tag --stream",
     "test:e2e:ci": "lerna run test:e2e:ci --stream",
     "test:e2e:dist": "lerna run test:e2e:dist --stream",
     "test:e2e:serve": "lerna run test:e2e:serve --stream",
@@ -50,11 +49,11 @@
     "@babel/runtime": "7.7.6",
     "core-js": "^3.2.1",
     "cornerstone-core": "2.3.0",
-    "react": "16.11.0",
-    "react-dom": "16.11.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
     "shader-loader": "^1.3.1",
-    "webpack": "^4.35.2",
-    "worker-loader": "^2.0.0",
+    "webpack": "^5.43.0",
+    "worker-loader": "^3.0.8",
     "wslink": "^0.1.8"
   },
   "devDependencies": {
@@ -73,7 +72,7 @@
     "babel-plugin-inline-react-svg": "1.1.0",
     "babel-plugin-module-resolver": "^3.2.0",
     "clean-webpack-plugin": "^3.0.0",
-    "copy-webpack-plugin": "^5.0.3",
+    "copy-webpack-plugin": "^9.0.1",
     "cross-env": "^5.2.0",
     "css-loader": "^3.2.0",
     "dotenv": "^8.1.0",
@@ -88,8 +87,8 @@
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-react": "7.x",
     "eslint-plugin-react-hooks": "4.2.0",
-    "extract-css-chunks-webpack-plugin": "^4.5.4",
-    "html-webpack-plugin": "^3.2.0",
+    "extract-css-chunks-webpack-plugin": "^4.9.0",
+    "html-webpack-plugin": "^5.3.2",
     "husky": "^3.0.0",
     "jest": "^24.8.0",
     "jest-canvas-mock": "^2.1.0",
@@ -102,18 +101,16 @@
     "postcss-loader": "^4.0.3",
     "postcss-preset-env": "^6.6.0",
     "prettier": "^1.18.2",
-    "react-hot-loader": "^4.12.21",
+    "react-hot-loader": "^4.13.0",
     "serve": "^11.1.0",
     "start-server-and-test": "^1.10.0",
     "style-loader": "^1.0.0",
-    "terser-webpack-plugin": "^2.1.0",
-    "unused-files-webpack-plugin": "^3.4.0",
+    "terser-webpack-plugin": "^5.1.4",
     "unused-webpack-plugin": "2.4.0",
-    "webpack-cli": "^3.3.5",
-    "webpack-dev-server": "^3.7.2",
+    "webpack-cli": "^4.7.2",
     "webpack-hot-middleware": "^2.25.0",
-    "webpack-merge": "^4.2.1",
-    "workbox-webpack-plugin": "^5.0.0-beta.1"
+    "webpack-merge": "^5.7.3",
+    "workbox-webpack-plugin": "^6.1.5"
   },
   "husky": {
     "hooks": {