Skip to content

Commit c61658b

Browse files
committed
fix: Keep React in vendor chunk to prevent loading order issues
- Move React and React-DOM back to vendor chunk instead of separate react-vendor - Fixes 'Cannot read properties of undefined (reading createContext)' error - React must load before other React-dependent libraries
1 parent cf53856 commit c61658b

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

vite.config.ts

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,15 +23,16 @@ export default defineConfig(({mode}) => {
2323
manualChunks: id => {
2424
// Vendor chunks for better caching
2525
if (id.includes('node_modules')) {
26-
// React and React DOM
26+
// Keep React and React DOM in vendor chunk (don't split)
27+
// Splitting React can cause loading order issues
2728
if (id.includes('react') || id.includes('react-dom')) {
28-
return 'react-vendor'
29+
return 'vendor'
2930
}
30-
// React Router
31+
// React Router (depends on React)
3132
if (id.includes('react-router')) {
3233
return 'router-vendor'
3334
}
34-
// Radix UI components
35+
// Radix UI components (depends on React)
3536
if (id.includes('@radix-ui')) {
3637
return 'radix-vendor'
3738
}
@@ -43,7 +44,7 @@ export default defineConfig(({mode}) => {
4344
if (id.includes('lucide-react')) {
4445
return 'icons-vendor'
4546
}
46-
// Large utility libraries
47+
// Large utility libraries (dynamic imports, so separate)
4748
if (id.includes('jszip') || id.includes('file-saver')) {
4849
return 'zip-vendor'
4950
}

0 commit comments

Comments
 (0)