@decocms/tanstack 7.37.3 → 7.37.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decocms/tanstack",
-  "version": "7.37.3",
+  "version": "7.37.4",
   "type": "module",
   "description": "Deco framework binding for TanStack Start + Cloudflare Workers",
   "repository": {
@@ -24,9 +24,9 @@
     "lint:unused": "knip"
   },
   "dependencies": {
-    "@decocms/blocks": "7.37.3",
-    "@decocms/blocks-admin": "7.37.3",
-    "@decocms/blocks-cli": "7.37.3",
+    "@decocms/blocks": "7.37.4",
+    "@decocms/blocks-admin": "7.37.4",
+    "@decocms/blocks-cli": "7.37.4",
     "@deco-cx/warp-node": "^0.3.16",
     "fast-json-patch": "^3.1.0",
     "ws": "^8.18.0"

package/src/hooks/DecoPageRenderer.tsx

@@ -406,9 +406,22 @@ function DeferredSectionWrapper({
     .replace(/\.tsx$/, "")
     .replace(/^site-sections-/, "");
 
+  // Wrap in the same SectionErrorBoundary the resolved branches use above.
+  // Without this, the child at this position goes straight from `skeleton`
+  // to `<SectionErrorBoundary>...</SectionErrorBoundary>` once `section` is
+  // set — a type change React can't reconcile, forcing a full unmount of
+  // the skeleton subtree and mount of the resolved subtree even when the
+  // section's own LoadingFallback renders the real component with reduced
+  // props (a documented convention — see Footer.tsx/ETCImageContent.tsx in
+  // the farmrio-storefront migration's T64). That unmount/remount is what
+  // produces a hard rect-collapse-to-{0,0,0,0} layout-shift entry instead
+  // of an ordinary prop-driven resize. Keeping the wrapper identical across
+  // both branches lets React diff by type at the child position instead.
   return (
     <section ref={ref} id={sectionId} data-manifest-key={deferred.key} data-deferred="true">
-      {skeleton}
+      <SectionErrorBoundary sectionKey={deferred.key} fallback={errorFallback}>
+        {skeleton}
+      </SectionErrorBoundary>
     </section>
   );
 }