@quintype/framework 7.34.5-react-upgrade-v19.13 → 7.34.5-react-upgrade-v19.15

package/.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2
 jobs:
   test:
     docker:
-      - image: cimg/node:16.14.2
+      - image: cimg/node:20.19.0
     steps:
       - checkout
       - run: npm install

package/client/start.js

@@ -12,7 +12,7 @@ import { BreakingNews, CLIENT_SIDE_RENDERED, NAVIGATE_TO_PAGE, PAGE_LOADING } fr
 import { createBrowserHistory } from "history";
 import get from "lodash/get";
 import React from "react";
-import ReactDOM from "react-dom";
+import { createRoot, hydrateRoot } from "react-dom/client";
 import { Provider } from "react-redux";
 import { IsomorphicComponent } from "../isomorphic/component";
 import { makePickComponentSync } from "../isomorphic/impl/make-pick-component-sync";
@@ -202,9 +202,14 @@ export function renderComponent(clazz, container, store, props = {}, callback) {
   }
 
   if (props.hydrate) {
-    return ReactDOM.hydrate(component, containerEle, callback);
+    const root = hydrateRoot(containerEle, component);
+    if (callback) queueMicrotask(callback);
+    return root;
   }
-  return ReactDOM.render(component, containerEle, callback);
+  const root = createRoot(containerEle);
+  root.render(component);
+  if (callback) queueMicrotask(callback);
+  return root;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/framework",
-  "version": "7.34.5-react-upgrade-v19.13",
+  "version": "7.34.5-react-upgrade-v19.15",
   "description": "Libraries to help build Quintype Node.js apps",
   "main": "index.js",
   "engines": {
@@ -34,7 +34,6 @@
     "@grpc/grpc-js": "^1.12.5",
     "@jsdoc/salty": "^0.2.9",
     "@quintype/amp": "^2.22.1-version-upgrade.1",
-    "@quintype/arrow": "^3.53.6",
     "@quintype/backend": "^2.7.1-version-upgrade.0",
     "@quintype/components": "^3.8.8-only-react-v19.4",
     "@quintype/prerender-node": "^3.2.26",
@@ -68,7 +67,7 @@
     "@babel/eslint-parser": "^7.15.7",
     "@loadable/component": "^5.15.0",
     "@loadable/server": "^5.15.1",
-    "@quintype/build": "^4.0.2-beta.0",
+    "@quintype/build": "^4.0.2-beta.1",
     "babel-plugin-quintype-assets": "^1.1.1",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",

package/.claude/settings.local.json

@@ -1,10 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Read(//Users/nandakishoreprakashrao/work/qt/fortuneindia-rpsg/app/isomorphic/**)",
-      "Read(//Users/nandakishoreprakashrao/work/qt/fortuneindia-rpsg/app/server/**)"
-    ],
-    "deny": [],
-    "ask": []
-  }
-}