create-nextblock 0.13.2 → 0.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nextblock",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "description": "",
   "main": "index.js",
   "bin": {

package/templates/nextblock-template/components/visual-editing/NextblockVisualEditing.tsx

@@ -490,14 +490,26 @@ function getProductFieldEditorComponent(target: VisualEditingProductFieldTarget)
 }
 
 export function NextblockVisualEditing() {
-  const router = useRouter();
   const pathname = usePathname();
 
-  // If we are on a CMS edit or admin page, hide the frontend toolbar entirely to prevent overlap.
+  // Hide the frontend toolbar on CMS/admin routes. This MUST stay a thin wrapper
+  // that renders the real toolbar as a child rather than early-returning after the
+  // toolbar's hooks: this component is mounted in the root layout and persists
+  // across client navigations, so if the ~25 hooks below lived here, navigating
+  // from a public page (where they all run while editing a draft) into /cms would
+  // drop every hook at once — a rules-of-hooks violation that throws mid-navigation
+  // and forces a full page reload. Mounting/unmounting a child is safe; changing a
+  // component's own hook count between renders is not.
   if (pathname?.startsWith("/cms")) {
     return null;
   }
 
+  return <VisualEditingToolbar />;
+}
+
+function VisualEditingToolbar() {
+  const router = useRouter();
+
   const [hoverTarget, setHoverTarget] = useState<HoverTarget | null>(null);
   const [activeInfo, setActiveInfo] = useState<NextblockVisualEditInfo | null>(null);
   const [activeDocument, setActiveDocument] = useState<ActiveDocument | null>(null);

package/templates/nextblock-template/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/templates/nextblock-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextblock-cms/template",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "private": true,
   "scripts": {
     "dev": "next dev",