fix: add react-dom in optimizeOps to handle CJS script. (#375)

Tiger3018 · web-flow · commit e8a923f870a7 · 2024-10-16T12:46:11.000+02:00
diff --git a/packages/plugin-react/src/index.ts b/packages/plugin-react/src/index.ts
@@ -269,10 +269,12 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
     },
   }
 
-  // We can't add `react-dom` because the dependency is `react-dom/client`
-  // for React 18 while it's `react-dom` for React 17. We'd need to detect
-  // what React version the user has installed.
-  const dependencies = ['react', jsxImportDevRuntime, jsxImportRuntime]
+  const dependencies = [
+    'react',
+    'react-dom',
+    jsxImportDevRuntime,
+    jsxImportRuntime,
+  ]
   const staticBabelPlugins =
     typeof opts.babel === 'object' ? opts.babel?.plugins ?? [] : []
   const reactCompilerPlugin = getReactCompilerPlugin(staticBabelPlugins)
