diff --git a/app/web/src/nova/ed/logic/comp/load.tsx b/app/web/src/nova/ed/logic/comp/load.tsx
index 0dfa003a..a7b4ff3a 100644
--- a/app/web/src/nova/ed/logic/comp/load.tsx
+++ b/app/web/src/nova/ed/logic/comp/load.tsx
@@ -101,10 +101,16 @@ export const loadCompSnapshot = async (
                 p.comp.list[comp_id].meta = updated.meta;
                 p.comp.list[comp_id].tree = updated.tree;
               }
+              p.comp.loaded[comp_id] = doc
+                .getMap("map")
+                .get("root")
+                ?.toJSON() as IItem;
 
               if (isTextEditing()) {
                 return;
               }
+              treeRebuild(p);
+              p.render();
             }
           },
         };
@@ -191,7 +197,7 @@ export const updateComponentMeta = async (
 
   p.comp.loaded[comp_id] = item;
 
-  return { meta, tree };
+  return { meta, tree, item };
 };
 
 const transact = {
diff --git a/app/web/src/nova/ed/logic/ed-sync.tsx b/app/web/src/nova/ed/logic/ed-sync.tsx
index f7b0c1f8..48d6123f 100644
--- a/app/web/src/nova/ed/logic/ed-sync.tsx
+++ b/app/web/src/nova/ed/logic/ed-sync.tsx
@@ -232,6 +232,7 @@ export const edInitSync = (p: PG) => {
               } else if (data.type === "comp") {
                 const updated = await updateComponentMeta(p, doc, data.id);
                 if (updated) {
+                  console.log(updated.item);
                   p.comp.list[data.id].meta = updated.meta;
                   p.comp.list[data.id].tree = updated.tree;
                 }