Revert Vite from 7.x to 6.2.7 for stability (#562)

jeffredodd · web-flow · commit 2c5a9743bb5b · 2025-09-16T20:50:00.000Z
revert: downgrade Vite from 7.x to 6.2.7 for stability

- Revert vite from ^7.1.5 to ^6.2.7
- Revert @vitejs/plugin-react-swc from ^4.0.1 to ^3.9.0
- Revert vite-plugin-checker from ^0.10.3 to ^0.9.1
- Revert vite-plugin-svgr from ^4.5.0 to ^4.3.0
- Add vite-plugin-externalize-deps ^0.9.0 for Vite 6 compatibility
- Update vite.config.ts to use externalizeDeps plugin instead of manual externalization
- Keep all other dependencies at current versions
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -71,7 +71,7 @@
     "@types/jest-axe": "^3.5.9",
     "@types/js-yaml": "^4.0.9",
     "@types/react": "^19.1.13",
-    "@vitejs/plugin-react-swc": "^4.0.1",
+    "@vitejs/plugin-react-swc": "^3.9.0",
     "@vitest/coverage-v8": "^3.2.4",
     "axe-core": "^4.10.2",
     "dotenv": "^17.2.2",
@@ -95,12 +95,13 @@
     "ts-morph": "^27.0.0",
     "tsx": "^4.20.5",
     "typescript-eslint": "^8.44.0",
-    "vite": "^7.1.5",
-    "vite-plugin-checker": "^0.10.3",
+    "vite": "^6.2.7",
+    "vite-plugin-checker": "^0.9.1",
     "vite-plugin-circular-dependency": "^0.5.0",
     "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-externalize-deps": "^0.9.0",
     "vite-plugin-stylelint": "^6.0.2",
-    "vite-plugin-svgr": "^4.5.0",
+    "vite-plugin-svgr": "^4.3.0",
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
diff --git a/vite.config.ts b/vite.config.ts
@@ -7,6 +7,7 @@ import stylelint from 'vite-plugin-stylelint'
 import svgr from 'vite-plugin-svgr'
 import circularDependencyDetector from 'vite-plugin-circular-dependency'
 import checker from 'vite-plugin-checker'
+import { externalizeDeps } from 'vite-plugin-externalize-deps'
 
 /**
  * Current config is set to build sdk in library mode, retaining the original file structure and file names while also allowing for css modules and single css file output.
@@ -17,6 +18,7 @@ export default defineConfig(({ mode }) => {
   return {
     plugins: [
       react(),
+      externalizeDeps(), // Externalizes all dependencies
       !isDev &&
         dts({
           include: ['src', 'src/types/i18next.d.ts'],
@@ -81,14 +83,6 @@ export default defineConfig(({ mode }) => {
       cssCodeSplit: false,
       rollupOptions: {
         input: resolve(__dirname, 'src/index.ts'),
-        external: id => {
-          // Externalize all node_modules dependencies
-          return (
-            id.startsWith('node:') ||
-            /^[a-zA-Z][a-zA-Z0-9@\-_/]*$/.test(id) ||
-            id.includes('node_modules')
-          )
-        },
         output: {
           preserveModules: true,
           preserveModulesRoot: 'src',
