perf(website): enable react compiler for auto-memoization, fix react-compiler lints

website/.eslintrc.cjs

@@ -14,10 +14,11 @@ module.exports = {
     plugins: [
         'eslint-plugin-import',
         'eslint-plugin-prefer-arrow',
-        '@typescript-eslint',
         'eslint-plugin-react',
+        'eslint-plugin-react-compiler',
         'react-hooks',
         '@tanstack/eslint-plugin-query',
+        '@typescript-eslint',
     ],
     settings: {
         react: {
@@ -280,6 +281,7 @@ module.exports = {
         'react/jsx-pascal-case': 'error',
         'react/jsx-no-useless-fragment': 'error',
         'react/no-string-refs': 'error',
+        'react-compiler/react-compiler': 'error',
         'react-hooks/rules-of-hooks': 'error',
         'react-hooks/exhaustive-deps': 'error',
     },

website/astro.config.mjs

@@ -5,10 +5,18 @@ import Icons from 'unplugin-icons/vite';
 import react from '@astrojs/react';
 import mdx from '@astrojs/mdx';
 
+const ReactCompilerConfig = {
+    target: '18',
+};
+
 // https://astro.build/config
 export default defineConfig({
     output: 'server',
-    integrations: [tailwind(), react(), mdx()],
+    integrations: [
+        tailwind(),
+        react({ babel: { plugins: [['babel-plugin-react-compiler', ReactCompilerConfig]] } }),
+        mdx(),
+    ],
     adapter: node({
         mode: 'standalone',
     }),

website/package.json

@@ -44,6 +44,7 @@
         "openid-client": "^5.7.1",
         "react": "^18.3.1",
         "react-chartjs-2": "^5.2.0",
+        "react-compiler-runtime": "^19.0.0-beta-201e55d-20241215",
         "react-confirm-alert": "^3.0.6",
         "react-dom": "^18.3.1",
         "react-toastify": "^10.0.6",
@@ -76,6 +77,7 @@
         "@typescript-eslint/eslint-plugin": "^8.18.0",
         "@typescript-eslint/parser": "^8.18.0",
         "@vitejs/plugin-react": "^4.3.4",
+        "babel-plugin-react-compiler": "^19.0.0-beta-201e55d-20241215",
         "cross-env": "^7.0.3",
         "daisyui": "^4.12.14",
         "eslint": "^8.57.0",
@@ -84,6 +86,7 @@
         "eslint-plugin-jsx-a11y": "^6.10.2",
         "eslint-plugin-prefer-arrow": "^1.2.3",
         "eslint-plugin-react": "^7.37.2",
+        "eslint-plugin-react-compiler": "^19.0.0-beta-201e55d-20241215",
         "eslint-plugin-react-hooks": "^5.1.0",
         "happy-dom": "^15.11.7",
         "msw": "^2.6.6",