build: Used vite-plugin-externals to externalize tanstack package

package.json

@@ -83,6 +83,7 @@
     "ts-node": "^10.9.1",
     "typescript": "^5.2.2",
     "vite": "^4.4.9",
+    "vite-plugin-externals": "^0.6.2",
     "vite-tsconfig-paths": "^4.2.1",
     "viz.js": "^2.1.2"
   },

packages/table/vite.config.ts

@@ -3,6 +3,7 @@ import { defineConfig } from 'vite';
 import { visualizer } from 'rollup-plugin-visualizer';
 // Used from @storybook/react-vite dependencies
 import react from '@vitejs/plugin-react';
+import { viteExternalsPlugin } from 'vite-plugin-externals';
 
 /** @type {import('vite').UserConfig} */
 export default defineConfig({
@@ -13,26 +14,6 @@ export default defineConfig({
       name: 'index',
       fileName: 'index',
     },
-    rollupOptions: {
-      external: [
-        'react',
-        '@devoinc/genesys-ui',
-        'styled-components',
-        '@tanstack/react-virtual',
-        'date-fns',
-        'date-fns-tz',
-      ],
-      output: {
-        globals: {
-          react: 'React',
-          'styled-components': 'styled',
-          '@devoinc/genesys-ui': 'genesysUi',
-          '@tanstack/react-virtual': 'reactVirtual',
-          'date-fns': 'dateFns',
-          'date-fns-tz': 'dateFnsTz',
-        },
-      },
-    },
   },
   plugins: [
     react({
@@ -53,5 +34,13 @@ export default defineConfig({
     visualizer({
       filename: 'dist/stats.html',
     }),
+    viteExternalsPlugin({
+      react: 'React',
+      'styled-components': 'styled',
+      '@devoinc/genesys-ui': 'genesysUi',
+      '@tanstack/react-virtual': 'reactVirtual',
+      'date-fns': 'dateFns',
+      'date-fns-tz': 'dateFnsTz',
+    }),
   ],
 });