Fixes

app/gui/package.json

@@ -130,6 +130,7 @@
     "@fast-check/vitest": "^0.0.8",
     "@modyfi/vite-plugin-yaml": "^1.0.4",
     "@playwright/test": "^1.40.0",
+    "@babel/plugin-syntax-import-attributes": "^7.24.7",
     "@react-types/shared": "^3.22.1",
     "@storybook/addon-essentials": "^8.4.2",
     "@storybook/addon-interactions": "^8.4.2",

app/gui/vite.config.ts

@@ -12,6 +12,10 @@ import { defineConfig, type Plugin } from 'vite'
 import VueDevTools from 'vite-plugin-vue-devtools'
 import wasm from 'vite-plugin-wasm'
 import tailwindConfig from './tailwind.config'
+// @ts-expect-error We don't need to typecheck this file
+import reactCompiler from 'babel-plugin-react-compiler'
+// @ts-expect-error We don't need to typecheck this file
+import syntaxImportAttributes from '@babel/plugin-syntax-import-attributes'
 
 const dynHostnameWsUrl = (port: number) => JSON.stringify(`ws://__HOSTNAME__:${port}`)
 const projectManagerUrl = dynHostnameWsUrl(process.env.INTEGRATION_TEST === 'true' ? 30536 : 30535)
@@ -57,10 +61,8 @@ export default defineConfig({
       include: fileURLToPath(new URL('./src/dashboard/**/*.tsx', import.meta.url)),
       babel: {
         plugins: [
-          [
-            'babel-plugin-react-compiler',
-            { target: '18', enablePreserveExistingMemoizationGuarantees: true },
-          ],
+          [syntaxImportAttributes],
+          [reactCompiler, { target: '18', enablePreserveExistingMemoizationGuarantees: true }],
         ],
       },
     }),

vitest.workspace.ts

@@ -1 +1 @@
-export default ['app/gui/vitest.config.ts']
+export default ['app/**/vitest.config.ts']