WIP

Author: axmmisaka

package.json

@@ -16,32 +16,32 @@
     "dev": "docusaurus start"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.5.2",
-    "@docusaurus/plugin-client-redirects": "^3.5.2",
-    "@docusaurus/plugin-ideal-image": "^3.5.2",
-    "@docusaurus/preset-classic": "^3.5.2",
-    "@mdx-js/react": "^3.0.1",
+    "@docusaurus/core": "^3.7.0",
+    "@docusaurus/plugin-client-redirects": "^3.7.0",
+    "@docusaurus/plugin-ideal-image": "^3.7.0",
+    "@docusaurus/preset-classic": "^3.7.0",
+    "@mdx-js/react": "^3.1.0",
     "clsx": "^2.1.1",
-    "prism-react-renderer": "^2.4.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-transition-group": "^4.4.5",
-    "shiki": "^1.22.0",
+    "shiki": "^3.0.0",
     "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
-    "@docusaurus/eslint-plugin": "^3.5.2",
-    "@docusaurus/module-type-aliases": "^3.5.2",
-    "@docusaurus/tsconfig": "^3.5.2",
-    "@docusaurus/types": "^3.5.2",
-    "@typescript-eslint/eslint-plugin": "^8.10.0",
-    "@typescript-eslint/parser": "^8.10.0",
-    "eslint": "^9.12.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-regexp": "^2.6.0",
-    "prettier": "^3.3.3",
-    "typescript": "^5.6.3"
+    "@docusaurus/eslint-plugin": "^3.7.0",
+    "@docusaurus/module-type-aliases": "^3.7.0",
+    "@docusaurus/tsconfig": "^3.7.0",
+    "@docusaurus/types": "^3.7.0",
+    "@typescript-eslint/eslint-plugin": "^8.24.1",
+    "@typescript-eslint/parser": "^8.24.1",
+    "eslint": "^9.20.1",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-regexp": "^2.7.0",
+    "prettier": "^3.5.1",
+    "typescript": "^5.7.3"
   },
   "browserslist": {
     "production": [

src/components/Community/index.tsx

@@ -9,7 +9,7 @@ import Heading from "@theme/Heading";
 import { TeamRow } from "./profiles";
 import { active, past } from "./people";
 
-import { ReactElement, ReactNode } from "react";
+import { JSX, ReactElement, ReactNode } from "react";
 import Link from "@docusaurus/Link";
 
 import ZulipLogo from "@site/static/img/external-logos/zulip-icon-circle.svg";

src/components/LinguaFrancaMultiTargetUtils/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, ReactNode, ReactElement } from "react";
+import React, { useState, useEffect, ReactNode, ReactElement, JSX } from "react";
 import { LangSpecific } from "./LangSpecific";
 // This is a rather dirty hack, but it's kinda a necessary evil......
 import { useTabs, type TabsProps } from "@docusaurus/theme-common/internal";

src/components/ShikiLFHighlighter/shikiloader.ts

@@ -1,5 +1,5 @@
 import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
-import { LanguageRegistration, getHighlighter } from "shiki";
+import { LanguageRegistration, createHighlighter } from "shiki";
 import { targets } from "@site/src/components/LinguaFrancaMultiTargetUtils";
 import LFTextMateLanguageDefinition from "./lflang.tmLanguage.json";
 import { HighlighterGeneric, BuiltinLanguage, BuiltinTheme } from "shiki";
@@ -16,7 +16,7 @@ export const loadShiki = async () => {
   if (window.LFWebsite?.shikijiInstance != null) {
     return window.LFWebsite.shikijiInstance;
   }
-  const shiki = await getHighlighter({
+  const shiki = await createHighlighter({
     themes: ["material-theme-lighter", "material-theme-darker"],
     langs: [
       ...targets,