Fix externals (#108)

* Externalize more react stuff

* Changeset

* Updates to other vite.config.js files

Author: keller-mark

.changeset/heavy-horses-prove.md

@@ -0,0 +1,5 @@
+---
+"use-coordination": patch
+---
+
+Fix externalization of react and react-dom.

packages/main/dev/vite.config.js

@@ -21,7 +21,12 @@ export default defineConfig({
       formats: ['es', 'umd'],
     },
     rollupOptions: {
-      external: ['react', 'react-dom'],
+      external: (id) => (
+        id === 'react'
+        || id === 'react-dom'
+        || id.startsWith('react/')
+        || id.startsWith('react-dom/')
+      ),
       output: {
         globals: {
           react: 'React',
@@ -34,4 +39,4 @@ export default defineConfig({
     'process.env.NODE_ENV': `"${process.env.APP_ENV}"`,
   },
   plugins: [react()]
-});
+});

packages/main/prod/vite.config.js

@@ -22,7 +22,12 @@ export default defineConfig({
       formats: ['es', 'umd'],
     },
     rollupOptions: {
-      external: ['react', 'react-dom'],
+      external: (id) => (
+        id === 'react'
+        || id === 'react-dom'
+        || id.startsWith('react/')
+        || id.startsWith('react-dom/')
+      ),
       output: {
         globals: {
           react: 'React',
@@ -38,4 +43,4 @@ export default defineConfig({
     react(),
     visualizer(),
   ],
-});
+});

scripts/vite.config.js

@@ -33,7 +33,14 @@ export default defineConfig({
       formats: ['es'],
     },
     rollupOptions: {
-      external: ['react', 'react-dom', ...moreExternals],
+      // Externalize react (including subpath imports like react/jsx-runtime)
+      external: (id) => (
+        id === 'react'
+        || id === 'react-dom'
+        || id.startsWith('react/')
+        || id.startsWith('react-dom/')
+        || moreExternals.includes(id)
+      ),
       output: {
         globals: {
           react: 'React',
@@ -55,4 +62,4 @@ export default defineConfig({
     include: /src\/.*\.[tj]sx?$/,
     exclude: [],
   },
-});
+});