Enhance Vite configuration for better React and dependency chunking; add React types reference

Author: adrianescutia

src/vite-env.d.ts

@@ -1 +1,5 @@
+
 /// <reference types="vite/client" />
+
+// This ensures React types are properly available throughout the application
+import * as React from 'react';

vite.config.ts

@@ -26,13 +26,20 @@ export default defineConfig(({ mode }) => ({
     rollupOptions: {
       output: {
         manualChunks: (id) => {
-          // Core React packages
+          // React and core dependencies - ensure React always stays together
           if (id.includes('node_modules/react') || 
               id.includes('node_modules/react-dom') || 
-              id.includes('node_modules/react-router-dom')) {
+              id.includes('node_modules/scheduler') ||
+              id.includes('node_modules/use-sync-external-store')) {
             return 'react-vendor';
           }
 
+          // Router-related
+          if (id.includes('node_modules/react-router') ||
+              id.includes('node_modules/@remix-run')) {
+            return 'router';
+          }
+          
           // UI components from Radix
           if (id.includes('node_modules/@radix-ui')) {
             return 'ui-components';
@@ -46,9 +53,13 @@ export default defineConfig(({ mode }) => ({
           }
 
           // Data management libraries
-          if (id.includes('node_modules/@tanstack/react-query') || 
-              id.includes('node_modules/@supabase/supabase-js')) {
-            return 'data-management';
+          if (id.includes('node_modules/@tanstack/react-query')) {
+            return 'react-query';
+          }
+
+          // Supabase
+          if (id.includes('node_modules/@supabase/supabase-js')) {
+            return 'supabase';
           }
 
           // Charting libraries