Site deps update (#290)

* site: minor tweaks to improve vscode integration

* site: use latest LTS node version (18 is near EOL)

* site: run yarn upgrade

* site: upgrade node version used in CI

Author: SupernaviX

.github/workflows/docs.yaml

@@ -101,7 +101,7 @@ jobs:
         if: steps.check_changes.outputs.has_changes == 'true'
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
           cache: "yarn"
           cache-dependency-path: ./site/yarn.lock  # Changed from site/yarn.lock to ./site/yarn.lock
 

site/package.json

@@ -43,6 +43,6 @@
     ]
   },
   "engines": {
-    "node": ">=18.0"
+    "node": ">=22.0"
   }
 }

site/src/components/HomepageFeatures/index.tsx

@@ -5,7 +5,7 @@ import styles from "./styles.module.css";
 type FeatureItem = {
     title: string;
     Svg: React.ComponentType<React.ComponentProps<"svg">>;
-    description: JSX.Element;
+    description: React.ReactElement;
 };
 
 const FeatureList: FeatureItem[] = [
@@ -55,7 +55,7 @@ function Feature({ title, Svg, description }: FeatureItem) {
     );
 }
 
-export default function HomepageFeatures(): JSX.Element {
+export default function HomepageFeatures(): React.ReactElement {
     return (
         <section className={styles.features}>
             <div className="container">

site/src/pages/index.tsx

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

site/tsconfig.json

@@ -2,6 +2,7 @@
   // This file is not used in compilation. It is here just for a nice editor experience.
   "extends": "@docusaurus/tsconfig",
   "compilerOptions": {
+    "jsx": "react-jsx",
     "baseUrl": "."
   }
-}
+}