Adds flag batchResolveNoTransaction as a new PageRendererSettings…

.changeset/mighty-ligers-give.md

@@ -0,0 +1,6 @@
+---
+"@ima/react-page-renderer": minor
+"@ima/core": minor
+---
+
+Adds flag `batchResolveNoTransaction` as a new `PageRendererSettings`. When it is true, transaction is not used in load phase to avoid getting obsolete state from getState.

packages/core/src/boot.ts

@@ -121,6 +121,7 @@ export interface AppEnvironment {
 
 export interface PageRendererSettings {
   batchResolve?: boolean;
+  batchResolveNoTransaction?: boolean;
   masterElementId: string;
   documentView: unknown;
   managedRootView?: unknown;

packages/react-page-renderer/src/renderer/AbstractClientPageRenderer.ts

@@ -311,10 +311,21 @@ export abstract class AbstractClientPageRenderer extends AbstractPageRenderer {
     }
 
     const handler = (resolve: () => void) => () => {
-      controller.commitStateTransaction();
+      if (this._settings?.$Page?.$Render?.batchResolveNoTransaction) {
+        // TODO IMA@20 - make this default behaviour
+        this._renderedOnChange = true;
+        controller.setState(controller.getState());
+      } else {
+        controller.commitStateTransaction();
+      }
 
       if (!hasResourcesLoaded) {
-        controller.beginStateTransaction();
+        if (this._settings?.$Page?.$Render?.batchResolveNoTransaction) {
+          this._renderedOnChange = false;
+        } else {
+          controller.beginStateTransaction();
+        }
+
         setTimeout(() => {
           requestIdleCallback(handler(resolve), options);
         }, 75);
@@ -323,7 +334,11 @@ export abstract class AbstractClientPageRenderer extends AbstractPageRenderer {
       }
     };
 
-    controller.beginStateTransaction();
+    if (this._settings?.$Page?.$Render?.batchResolveNoTransaction) {
+      this._renderedOnChange = false;
+    } else {
+      controller.beginStateTransaction();
+    }
     const batchPromise = new Promise<void>(resolve => {
       setTimeout(() => {
         requestIdleCallback(handler(resolve), options);