ros/automaker
1
0
Fork 0
mirror of https://github.com/AutoMaker-Org/automaker.git synced 2026-03-20 11:03:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add quick-add feature with improved workflows (#802)

Browse Source 
* Changes from feature/quick-add

* feat: Clarify system prompt and improve error handling across services. Address PR Feedback

* feat: Improve PR description parsing and refactor event handling

* feat: Add context options to pipeline orchestrator initialization

* fix: Deduplicate React and handle CJS interop for use-sync-external-store

Resolve "Cannot read properties of null (reading 'useState')" errors by
deduplicating React/react-dom and ensuring use-sync-external-store is
bundled together with React to prevent CJS packages from resolving to
different React instances.
This commit is contained in:
gsxdsm
2026-02-22 20:48:09 -08:00
committed by GitHub
parent 9305ecc242
commit e7504b247f
70 changed files with 3141 additions and 560 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/ui/vite.config.mts
View File

@@ -242,6 +242,10 @@ export default defineConfig(({ command }) => {
alias: {
'@': path.resolve(__dirname, './src'),
},
// Deduplicate React to prevent "Cannot read properties of null (reading 'useState')"
// errors caused by CJS packages (like use-sync-external-store used by zustand@4 inside
// @xyflow/react) resolving React to a different instance than the pre-bundled ESM React.
dedupe: ['react', 'react-dom'],
},
server: {
host: process.env.HOST || '0.0.0.0',
@@ -281,7 +285,13 @@ export default defineConfig(({ command }) => {
// Manual chunks for optimal caching and loading on mobile
manualChunks(id) {
// Vendor: React core (rarely changes, cache long-term)
if (id.includes('node_modules/react/') || id.includes('node_modules/react-dom/')) {
// Also include use-sync-external-store here since it uses CJS require('react')
// and must be in the same chunk as React to prevent null dispatcher errors.
if (
id.includes('node_modules/react/') ||
id.includes('node_modules/react-dom/') ||
id.includes('node_modules/use-sync-external-store/')
) {
return 'vendor-react';
}
// Vendor: TanStack Router + Query (used on every page)
@@ -328,6 +338,11 @@ export default defineConfig(({ command }) => {
},
optimizeDeps: {
exclude: ['@automaker/platform'],
// Ensure CJS packages that use require('react') are pre-bundled together with React
// so that the CJS interop resolves to the same React instance as the rest of the app.
// Without this, use-sync-external-store (used by zustand@4 inside @xyflow/react) may
// get a null React reference, causing "Cannot read properties of null (reading 'useState')".
include: ['react', 'react-dom', 'use-sync-external-store'],
},
define: {
__APP_VERSION__: JSON.stringify(appVersion),