@decocms/start 0.27.1 → 0.27.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decocms/start",
-  "version": "0.27.1",
+  "version": "0.27.3",
   "type": "module",
   "description": "Deco framework for TanStack Start - CMS bridge, admin protocol, hooks, schema generation",
   "main": "./src/index.ts",

package/src/hooks/DecoPageRenderer.tsx

@@ -172,8 +172,17 @@ export function SectionRenderer({ section }: { section: Section | null | undefin
     return null;
   }
 
+  // Use the section's registered loadingFallback (if available) instead of
+  // the generic NestedSectionFallback. This lets parent sections (e.g.
+  // NotFoundChallenge) show a meaningful skeleton for nested children
+  // (e.g. MountedPDP) while the lazy chunk loads.
+  const options = getSectionOptions(section.Component);
+  const fallback = options?.loadingFallback
+    ? createElement(options.loadingFallback, section.props ?? {})
+    : <NestedSectionFallback />;
+
   return (
-    <Suspense fallback={<NestedSectionFallback />}>
+    <Suspense fallback={fallback}>
       <Lazy {...(section.props ?? {})} />
     </Suspense>
   );
@@ -231,8 +240,11 @@ function DeferredSectionWrapper({
     getSectionOptions(deferred.component),
   );
   const isSSR = typeof document === "undefined";
+  // Allow SSR to render the loadingFallback when registered sync via
+  // registerSection(). Previous `isSSR ? false` always returned null,
+  // hiding the skeleton from the HTML stream.
   const [optionsReady, setOptionsReady] = useState(() =>
-    isSSR ? false : !!getSectionOptions(deferred.component),
+    !!getSectionOptions(deferred.component),
   );
   const ref = useRef<HTMLDivElement>(null);
   const triggered = useRef(false);