From fb8f15aeecdda0a87103cd1ae017b8253718d79e Mon Sep 17 00:00:00 2001 From: Rob Colbert Date: Tue, 12 May 2026 20:02:13 -0400 Subject: [PATCH] Fix react-ace import: add optimizeDeps to Vite config - Added react-ace and ace-builds to optimizeDeps.include - This forces Vite to properly bundle the CommonJS react-ace module - Resolves 'Element type is invalid' error when opening files The react-ace package uses CommonJS exports, and Vite needs to pre-bundle it to properly handle the default export in ESM context. --- gadget-code/frontend/vite.config.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/gadget-code/frontend/vite.config.ts b/gadget-code/frontend/vite.config.ts index 6c4af97..333046c 100644 --- a/gadget-code/frontend/vite.config.ts +++ b/gadget-code/frontend/vite.config.ts @@ -11,6 +11,9 @@ export default defineConfig({ plugins: [react()], root: '.', publicDir: 'public', + optimizeDeps: { + include: ['react-ace', 'ace-builds'], + }, server: { port: 5174, host: '0.0.0.0',