update to docusaurus 3

docusaurus.config.js

@@ -234,10 +234,7 @@ const config = {
     ],
   ],
 
-  themes: [
-    'mdx-v2',
-    hasTypesense && 'docusaurus-theme-search-typesense',
-  ].filter(Boolean),
+  themes: [hasTypesense && 'docusaurus-theme-search-typesense'].filter(Boolean),
 
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "docusaurus",
+  "name": "flow-docs",
   "version": "0.0.0",
   "private": true,
   "scripts": {
@@ -16,16 +16,16 @@
   },
   "dependencies": {
     "@code-hike/mdx": "^0.8.2",
-    "@docusaurus/core": "2.4.0",
-    "@docusaurus/plugin-client-redirects": "^2.4.0",
-    "@docusaurus/preset-classic": "2.4.0",
+    "@docusaurus/core": "3.0.0-beta.0",
+    "@docusaurus/plugin-client-redirects": "3.0.0-rc.0",
+    "@docusaurus/preset-classic": "3.0.0-beta.0",
     "@docusaurus/types": "^2.4.3",
     "@floating-ui/react-dom": "1.3.0",
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@headlessui/react": "1.7.13",
-    "@mdx-js/react": "2",
+    "@mdx-js/react": "^2.3.0",
     "@tailwindcss/aspect-ratio": "0.4.2",
     "@tailwindcss/forms": "0.5.3",
     "@tailwindcss/line-clamp": "0.4.2",
@@ -34,25 +34,24 @@
     "clsx": "^1.2.1",
     "date-fns": "2.29.3",
     "discord.js": "14.8.0",
-    "docusaurus-theme-mdx-v2": "^0.1.2",
     "docusaurus-theme-search-typesense": "^0.12.0-0",
     "dotenv": "16.0.3",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "postcss": "8.4.21",
     "prettier": "^2.8.7",
     "prism-react-renderer": "^1.3.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "redocusaurus": "1.6.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "redocusaurus": "1.6.4",
     "rehype-katex": "4",
     "remark-math": "3",
     "tailwind-scrollbar-hide": "1.1.7",
     "tailwindcss": "3.2.7",
     "webpack-merge": "5.8.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.4.0",
+    "@docusaurus/module-type-aliases": "3.0.0-beta.0",
     "@tsconfig/docusaurus": "^1.0.5",
     "@typescript-eslint/eslint-plugin": "^5.43.0",
     "eslint": "^8.0.1",

src/theme/DocCard/index.tsx

@@ -3,7 +3,7 @@ import React, { type ReactNode } from 'react';
 import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import {
-  findFirstCategoryLink,
+  findFirstSidebarItemLink,
   useDocById,
 } from '@docusaurus/theme-common/internal';
 import isInternalUrl from '@docusaurus/isInternalUrl';
@@ -76,7 +76,7 @@ function CardCategory({
 }: {
   item: PropSidebarItemCategory;
 }): JSX.Element | null {
-  const href = findFirstCategoryLink(item);
+  const href = findFirstSidebarItemLink(item);
 
   // Unexpected: categories that don't have a link have been filtered upfront
   if (!href) {