Update docusaurus to 2.4.1

package.json

@@ -44,27 +44,27 @@
   },
   "dependencies": {
     "@algolia/client-search": "^4.14.1",
-    "@docusaurus/core": "2.2.0",
-    "@docusaurus/plugin-client-redirects": "2.2.0",
-    "@docusaurus/preset-classic": "2.2.0",
+    "@docusaurus/core": "2.4.1",
+    "@docusaurus/plugin-client-redirects": "2.4.1",
+    "@docusaurus/preset-classic": "2.4.1",
     "@iota-wiki/plugin-tutorial": "workspace:^",
     "@mdx-js/react": "^1.6.21",
     "@popperjs/core": "^2.11.5",
     "@saucelabs/theme-github-codeblock": "^0.2.3",
     "@svgr/webpack": "^5.5.0",
     "clsx": "^1.2.1",
-    "docusaurus-plugin-openapi-docs": "^1.4.7",
-    "docusaurus-theme-openapi-docs": "^1.4.7",
+    "docusaurus-plugin-openapi-docs": "^v2.0.0-beta.3",
+    "docusaurus-theme-openapi-docs": "^v2.0.0-beta.3",
     "file-loader": "^6.2.0",
     "flickity": "2.3.0",
     "flickity-fade": "^2.0.0",
     "globby": "^13.1.4",
     "hast-util-is-element": "1.1.0",
     "plugin-image-zoom": "flexanalytics/plugin-image-zoom",
     "raw-loader": "^4.0.2",
-    "react": "17.0.2",
+    "react": "18.0.0",
     "react-collapsible": "^2.8.4",
-    "react-dom": "17.0.2",
+    "react-dom": "18.0.0",
     "react-flickity-component": "^3.6.3",
     "react-image-gallery": "^1.2.7",
     "react-player": "^2.11.2",
@@ -80,8 +80,8 @@
     "webpack": "^5.81.0"
   },
   "resolutions": {
-    "@types/react": "17.0.2",
-    "@types/react-dom": "17.0.2"
+    "@types/react": "18.0.0",
+    "@types/react-dom": "18.0.0"
   },
   "browserslist": {
     "production": [
@@ -96,12 +96,12 @@
     ]
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.2.0",
-    "@docusaurus/plugin-google-gtag": "2.2.0",
+    "@docusaurus/module-type-aliases": "2.4.1",
+    "@docusaurus/plugin-google-gtag": "2.4.1",
     "@iota-wiki/cli": "workspace:^",
     "@tsconfig/docusaurus": "^1.0.6",
-    "@types/react": "17.0.2",
-    "@types/react-dom": "17.0.2",
+    "@types/react": "18.0.0",
+    "@types/react-dom": "18.0.0",
     "@types/webpack-env": "^1.16.3",
     "@typescript-eslint/eslint-plugin": "^5.9.1",
     "@typescript-eslint/parser": "^5.9.1",

plugins/tutorial/package.json

@@ -10,7 +10,7 @@
   },
   "packageManager": "yarn@3.2.2",
   "devDependencies": {
-    "@docusaurus/types": "2.2.0",
+    "@docusaurus/types": "2.4.1",
     "typescript": "^4.6.3"
   },
   "files": [

src/iota/css/custom.css

@@ -184,9 +184,6 @@ html {
 
 .markdown {
   margin: 2rem 0rem;
-
-  /*TODO: Remove after banner fix*/
-  max-width: 862px;
 }
 
 .menu {

src/next/css/custom.css

@@ -184,9 +184,6 @@ html {
 
 .markdown {
   margin: 2rem 0rem;
-
-  /*TODO: Remove after banner fix*/
-  max-width: 862px;
 }
 
 .menu {

src/shimmer/css/custom.css

@@ -184,9 +184,6 @@ html {
 
 .markdown {
   margin: 2rem 0rem;
-
-  /*TODO: Remove after banner fix*/
-  max-width: 862px;
 }
 
 .menu {

src/utils/socials.ts

@@ -25,7 +25,7 @@ const map: Array<{
 ];
 
 // Returns an object with icon and name for given url
-export default function get_socials_data(url: string): typeof map[number] {
+export default function get_socials_data(url: string): (typeof map)[number] {
   for (let i = 0; i < map.length; i++) {
     if (url.toLowerCase().includes(map[i].name.toLowerCase())) {
       return map[i];

src/utils/storageUtils.ts

@@ -7,7 +7,7 @@
 
 const StorageTypes = ['localStorage', 'sessionStorage', 'none'] as const;
 
-export type StorageType = typeof StorageTypes[number];
+export type StorageType = (typeof StorageTypes)[number];
 
 const DefaultStorageType: StorageType = 'localStorage';
 

theme/package.json

@@ -12,17 +12,17 @@
     "test": "jest"
   },
   "dependencies": {
-    "@docusaurus/theme-classic": "2.2.0",
+    "@docusaurus/theme-classic": "2.4.1",
     "@metamask/providers": "^10.2.1",
     "clsx": "^1.2.1"
   },
   "devDependencies": {
-    "@docusaurus/types": "2.2.0",
-    "@types/react": "17.0.2",
+    "@docusaurus/types": "2.4.1",
+    "@types/react": "18.0.0",
     "copyfiles": "^2.4.1",
     "nodemon": "^2.0.16",
     "prettier": "^2.4.1",
-    "react": "17.0.2",
+    "react": "18.0.0",
     "typescript": "^4.9"
   },
   "peerDependencies": {