Replace React 18 with version 19 (#370)

Author: wkillerud

package.json

@@ -12,8 +12,8 @@
   "workspaces": [
     "packages/bridge",
     "packages/braze",
-    "packages/react-18",
-    "packages/react-dom-18",
+    "packages/react",
+    "packages/react-dom",
     "packages/trackjs",
     "packages/vue-3",
     "packages/lit",

packages/react-dom-18/react-dom.server.browser.js

@@ -12,10 +12,10 @@
     "eik:publish": "eik publish",
     "eik:alias": "eik npm-alias",
     "postinstall": "npm run build",
-    "eik:publish:ci": "../../scripts/publish.js react-dom-18 react-dom"
+    "eik:publish:ci": "../../scripts/publish.js react-dom react-dom"
   },
   "dependencies": {
-    "react-dom": "18.3.1"
+    "react-dom": "19.0.0"
   },
   "devDependencies": {
     "@eik/rollup-plugin": "4.0.64",

packages/react-dom-18/react-dom.server.node.js

@@ -1,6 +1,6 @@
 import ReactDOM from "react-dom/client";
 
 export default ReactDOM;
-export const { createRoot, hydrateRoot } = ReactDOM;
+export const { createRoot, hydrateRoot, version } = ReactDOM;
 // This file exists simply to apply __esModule: true to the module
 export const __esModule = true;

packages/react-dom-18/package.json packages/react-dom/package.json

@@ -2,17 +2,19 @@ import ReactDOM from "react-dom";
 
 export default ReactDOM;
 export const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
+  __DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   createPortal,
-  createRoot,
-  findDOMNode,
   flushSync,
-  hydrate,
-  hydrateRoot,
-  render,
-  unmountComponentAtNode,
-  unstable_renderSubtreeIntoContainer,
+  preconnect,
+  prefetchDNS,
+  preinit,
+  preinitModule,
+  preload,
+  preloadModule,
+  requestFormReset,
   unstable_batchedUpdates,
+  useFormState,
+  useFormStatus,
   version,
 } = ReactDOM;
 // This file exists simply to apply __esModule: true to the module

packages/react-dom-18/react-dom.client.js packages/react-dom/react-dom.client.js

@@ -9,7 +9,7 @@ import swc from "@rollup/plugin-swc";
 
 const env = process.env.NODE_ENV;
 
-const reactPkg = new URL("../react-18/package.json", import.meta.url);
+const reactPkg = new URL("../react/package.json", import.meta.url);
 const reactDomPkg = new URL("./package.json", import.meta.url);
 
 const {
@@ -58,14 +58,4 @@ export default [
     output: { format: "esm", sourcemap: true, file: `./dist/react-dom.client.${env}.js` },
     plugins,
   },
-  {
-    input: "./react-dom.server.browser.js",
-    output: { format: "esm", sourcemap: true, file: `./dist/react-dom.server.browser.${env}.js` },
-    plugins,
-  },
-  {
-    input: "./react-dom.server.node.js",
-    output: { format: "esm", sourcemap: true, file: `./dist/react-dom.server.node.${env}.js` },
-    plugins,
-  },
 ];

packages/react-dom-18/react-dom.js packages/react-dom/react-dom.js

@@ -10,32 +10,36 @@ export const {
   Children,
   Component,
   PureComponent,
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
+  __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+  act,
+  cache,
   cloneElement,
   createContext,
   createElement,
-  createFactory,
   createRef,
   forwardRef,
   isValidElement,
   lazy,
   memo,
+  startTransition,
+  unstable_useCacheRefresh,
+  use,
+  useActionState,
   useCallback,
   useContext,
   useDebugValue,
+  useDeferredValue,
   useEffect,
+  useId,
   useImperativeHandle,
+  useInsertionEffect,
   useLayoutEffect,
   useMemo,
+  useOptimistic,
   useReducer,
   useRef,
   useState,
-  version,
-  startTransition,
-  unstable_act,
-  useDeferredValue,
-  useId,
-  useInsertionEffect,
   useSyncExternalStore,
   useTransition,
-} = React;
+  version,
+} = React;

packages/react-dom-18/rollup.config.js packages/react-dom/rollup.config.js

@@ -9,11 +9,11 @@
     "eik:login": "eik login",
     "eik:publish": "eik publish",
     "eik:alias": "eik npm-alias",
-    "eik:publish:ci": "../../scripts/publish.js react-18 react",
+    "eik:publish:ci": "../../scripts/publish.js react react",
     "postinstall": "npm run build"
   },
   "dependencies": {
-    "react": "18.3.1"
+    "react": "19.0.0"
   },
   "devDependencies": {
     "@eik/rollup-plugin": "4.0.64",

packages/react-18/development.js packages/react/development.js

@@ -1,4 +1,4 @@
-import React from "react/cjs/react.production.min.js";
+import React from "react/cjs/react.production.js";
 
 export default React;
 export const __esmModule = true;
@@ -10,32 +10,36 @@ export const {
   Children,
   Component,
   PureComponent,
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
+  __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+  act,
+  cache,
   cloneElement,
   createContext,
   createElement,
-  createFactory,
   createRef,
   forwardRef,
   isValidElement,
   lazy,
   memo,
+  startTransition,
+  unstable_useCacheRefresh,
+  use,
+  useActionState,
   useCallback,
   useContext,
   useDebugValue,
+  useDeferredValue,
   useEffect,
+  useId,
   useImperativeHandle,
+  useInsertionEffect,
   useLayoutEffect,
   useMemo,
+  useOptimistic,
   useReducer,
   useRef,
   useState,
-  version,
-  startTransition,
-  unstable_act,
-  useDeferredValue,
-  useId,
-  useInsertionEffect,
   useSyncExternalStore,
   useTransition,
-} = React;
+  version,
+} = React;

packages/react-18/package.json packages/react/package.json

@@ -13,8 +13,10 @@ const { resolve } = createRequire(import.meta.url);
 const reactPath = resolve("react");
 const reactPackageJSONPath = join(dirname(reactPath), "package.json");
 const reactPackageJSON = JSON.parse(readFileSync(reactPackageJSONPath, { encoding: "utf8" }));
+
 reactPackageJSON.exports["./cjs/react.development.js"] = "./cjs/react.development.js";
-reactPackageJSON.exports["./cjs/react.production.min.js"] = "./cjs/react.production.min.js";
+reactPackageJSON.exports["./cjs/react.production.js"] = "./cjs/react.production.js";
+
 writeFileSync(reactPackageJSONPath, JSON.stringify(reactPackageJSON, null, 2));
 
 const browserslistrc = new URL("../../.browserslistrc", import.meta.url);