Make shared-components vitest happier (#33863)

* Make shared-components vitest happier

Silence logs about legacy JSX transform

* Fix typedoc warning

packages/shared-components/package.json

@@ -109,6 +109,7 @@
         "@typescript-eslint/eslint-plugin": "^8.53.1",
         "@typescript-eslint/parser": "^8.53.1",
         "@vector-im/compound-web": "catalog:",
+        "@vitejs/plugin-react": "catalog:",
         "@vitest/browser-playwright": "catalog:",
         "eslint": "8",
         "eslint-config-google": "^0.14.0",
@@ -138,6 +139,7 @@
     },
     "peerDependencies": {
         "@vector-im/compound-web": "^8.3.5 || ^9.0.0",
+        "react-dom": "catalog:",
         "react": "catalog:"
     }
 }

packages/shared-components/project.json

@@ -19,7 +19,7 @@
         "typedoc": {
             "cache": "true",
             "command": "typedoc",
-            "inputs": ["src"],
+            "inputs": ["src", "{projectRoot}/typedoc.json"],
             "outputs": ["{projectRoot}/typedoc"],
             "options": { "cwd": "packages/shared-components" },
             "dependsOn": ["^build"]

packages/shared-components/typedoc.json

@@ -22,6 +22,9 @@
         },
         "react-virtuoso": {
             "*": "https://virtuoso.dev/"
+        },
+        "linkifyjs": {
+            "*": "https://linkify.js.org/docs/"
         }
     }
 }

packages/shared-components/vite.config.ts

@@ -11,6 +11,7 @@ import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { defineConfig, esmExternalRequirePlugin, type Plugin } from "vite";
 import dts from "unplugin-dts/vite";
+import react from "@vitejs/plugin-react";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const cssLayerOrder = "@layer compound-tokens, compound-web, shared-components, app-web;";
@@ -92,6 +93,7 @@ export default defineConfig({
         },
     },
     plugins: [
+        react(),
         layerCssAssets(),
         dts({
             bundleTypes: true,

packages/shared-components/vitest.config.ts

@@ -14,6 +14,7 @@ import { playwright, PlaywrightProviderOptions } from "@vitest/browser-playwrigh
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 
 import rootConfig from "../../vitest.config";
+import react from "@vitejs/plugin-react";
 
 const dirname = typeof __dirname !== "undefined" ? __dirname : path.dirname(fileURLToPath(import.meta.url));
 
@@ -123,4 +124,5 @@ export default defineConfig({
             "@test-utils": path.resolve(__dirname, "./src/test/utils/index.tsx"),
         },
     },
+    plugins: [react()],
 });