Update Docusaurus to v3.8.1 and other dependencies to latest versions

Author: AlexeyMz

package-lock.json

@@ -15,27 +15,27 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "3.1.1",
-    "@docusaurus/preset-classic": "3.1.1",
-    "@docusaurus/theme-live-codeblock": "^3.1.1",
-    "@mdx-js/react": "^3.0.0",
+    "@docusaurus/core": "3.8.1",
+    "@docusaurus/preset-classic": "3.8.1",
+    "@docusaurus/theme-live-codeblock": "^3.8.1",
+    "@mdx-js/react": "^3.1.0",
     "@reactodia/workspace": "^0.29.1",
-    "clsx": "^2.0.0",
+    "clsx": "^2.1.1",
     "n3": "^1.17.2",
-    "prism-react-renderer": "^2.3.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "prism-react-renderer": "^2.4.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.1.1",
-    "@docusaurus/tsconfig": "3.1.1",
-    "@docusaurus/types": "3.1.1",
+    "@docusaurus/module-type-aliases": "3.8.1",
+    "@docusaurus/tsconfig": "3.8.1",
+    "@docusaurus/types": "3.8.1",
     "@vscode/codicons": "^0.0.36",
-    "docusaurus-plugin-typedoc": "^1.0.5",
+    "docusaurus-plugin-typedoc": "^1.4.0",
     "source-map-loader": "^5.0.0",
-    "typedoc": "^0.26.6",
-    "typedoc-plugin-markdown": "^4.2.6",
-    "typescript": "~5.5.2"
+    "typedoc": "^0.28.5",
+    "typedoc-plugin-markdown": "^4.6.4",
+    "typescript": "~5.8.3"
   },
   "browserslist": {
     "production": [

package.json

@@ -1,11 +1,12 @@
+import * as React from 'react';
 import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import styles from './styles.module.css';
 
 type FeatureItem = {
   title: string;
   imageUrl: string;
-  description: JSX.Element;
+  description: React.JSX.Element;
 };
 
 const FeatureList: FeatureItem[] = [
@@ -59,7 +60,7 @@ function Feature({ title, imageUrl, description }: FeatureItem) {
   );
 }
 
-export function HomepageFeatures(): JSX.Element {
+export function HomepageFeatures() {
   return (
     <section className={styles.features}>
       <div className="container">

src/components/HomepageFeatures/index.tsx

@@ -45,7 +45,7 @@ function HomepageHeader() {
   );
 }
 
-export default function Home(): JSX.Element {
+export default function Home() {
   const {siteConfig} = useDocusaurusContext();
   return (
     <Layout

src/pages/index.tsx

@@ -1,5 +1,5 @@
 import { Redirect } from '@docusaurus/router';
 
-export default function Page(): JSX.Element {
+export default function Page() {
   return <Redirect to='/playground/basic' />;
 }

src/pages/live-demo/basic.tsx

@@ -1,5 +1,5 @@
 import { Redirect } from '@docusaurus/router';
 
-export default function Page(): JSX.Element {
+export default function Page() {
   return <Redirect to='/playground/graph-authoring' />;
 }

src/pages/live-demo/rdf.tsx

@@ -1,5 +1,5 @@
 import { Redirect } from '@docusaurus/router';
 
-export default function Page(): JSX.Element {
+export default function Page() {
   return <Redirect to='/playground/stress-test' />;
 }

src/pages/live-demo/stress-test.tsx

@@ -1,5 +1,5 @@
 import { Redirect } from '@docusaurus/router';
 
-export default function Page(): JSX.Element {
+export default function Page() {
   return <Redirect to='/playground/wikidata' />;
 }

src/pages/live-demo/wikidata.tsx

@@ -3,7 +3,7 @@ import Layout from '@theme/Layout';
 import { InlineReactodia, InlineReactodiaHead } from '@site/src/components/InlineReactodia';
 import { ViewSource } from '@site/src/components/ViewSource';
 
-export default function Example(): JSX.Element {
+export default function Example() {
   return (
     <>
       <InlineReactodiaHead />

src/pages/playground/basic.tsx

@@ -3,7 +3,7 @@ import Layout from '@theme/Layout';
 import { InlineReactodia, InlineReactodiaHead } from '@site/src/components/InlineReactodia';
 import { ViewSource } from '@site/src/components/ViewSource';
 
-export default function Example(): JSX.Element {
+export default function Example() {
   return (
     <>
       <InlineReactodiaHead />