chore(deps): upgrade @Docusaurus 2.4.0

data/friend.ts

@@ -14,7 +14,7 @@ export const Friends: Friend[] = [
   {
     title: 'Jetzihan',
     description: 'A bug maker.',
-    website: 'https://jetzihan.netlify.app',
+    website: 'https://jetlab.live/',
     avatar: '/img/friend/jetzihan.png',
   },
   {

package.json

@@ -32,13 +32,13 @@
     "index": "docker run -it --env-file=.env -e \"CONFIG=$(cat docsearch.json | jq -r tostring)\" algolia/docsearch-scraper"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.3.1",
-    "@docusaurus/plugin-debug": "^2.3.1",
-    "@docusaurus/plugin-ideal-image": "^2.3.1",
-    "@docusaurus/plugin-pwa": "^2.3.1",
-    "@docusaurus/preset-classic": "^2.3.1",
-    "@docusaurus/theme-live-codeblock": "^2.3.1",
-    "@docusaurus/theme-search-algolia": "^2.3.1",
+    "@docusaurus/core": "^2.4.0",
+    "@docusaurus/plugin-debug": "^2.4.0",
+    "@docusaurus/plugin-ideal-image": "^2.4.0",
+    "@docusaurus/plugin-pwa": "^2.4.0",
+    "@docusaurus/preset-classic": "^2.4.0",
+    "@docusaurus/theme-live-codeblock": "^2.4.0",
+    "@docusaurus/theme-search-algolia": "^2.4.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.8.1",
     "@giscus/react": "^2.0.6",
@@ -60,8 +60,8 @@
     "sass": "^1.54.8"
   },
   "devDependencies": {
-    "@docusaurus/eslint-plugin": "^2.3.1",
-    "@docusaurus/module-type-aliases": "^2.3.1",
+    "@docusaurus/eslint-plugin": "^2.4.0",
+    "@docusaurus/module-type-aliases": "^2.4.0",
     "@iconify/react": "^4.0.0",
     "@tsconfig/docusaurus": "^1.0.5",
     "@typescript-eslint/eslint-plugin": "^5.32.0",

src/components/Hero/index.tsx

@@ -2,7 +2,9 @@ import React from 'react'
 
 import { useTrail, animated } from '@react-spring/web'
 import Translate from '@docusaurus/Translate'
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
+import { useThemeConfig} from '@docusaurus/theme-common'
+import { ThemeConfig } from '@docusaurus/preset-classic'
+
 import Link from '@docusaurus/Link'
 
 import HeroMain from './img/hero_main.svg'
@@ -81,8 +83,8 @@ function Hero() {
 }
 
 export function SocialLinks({ ...prop }) {
-  const { siteConfig } = useDocusaurusContext()
-  const { themeConfig } = siteConfig
+  const themeConfig = useThemeConfig() as ThemeConfig
+
   const socials = themeConfig.socials as {
     github: string
     twitter: string