diff --git a/src/control/app-menu/app-menu.tsx b/src/control/app-menu/app-menu.tsx
index 88c83bfb4006e6e76c55372358fe39b9b4b72f7f..d2cdb9f73e3c0c7df176c918488ff2cb74967a80 100644
--- a/src/control/app-menu/app-menu.tsx
+++ b/src/control/app-menu/app-menu.tsx
@@ -89,6 +89,7 @@ export const AppMenuControl = defineComponent({
   },
   render() {
     const { model, state } = this.c;
+    if (!state.isCreated) return;
     return (
       <div
         class={[
diff --git a/src/control/app-menu/custom-menu-design/custom-menu-design.tsx b/src/control/app-menu/custom-menu-design/custom-menu-design.tsx
index ae03a3b7800a452f25da01289d09cf1a7888e0b1..8332b6d5cd32e4bf2ce638e4163df514914aed59 100644
--- a/src/control/app-menu/custom-menu-design/custom-menu-design.tsx
+++ b/src/control/app-menu/custom-menu-design/custom-menu-design.tsx
@@ -76,7 +76,11 @@ export const MenuDesign = defineComponent({
      *
      */
     const onSave = async () => {
-      await c.customController!.saveCustomModelData(mobMenuItems.value);
+      await c.customController!.saveCustomModelData(
+        mobMenuItems.value.map(menu => {
+          return { id: menu.id };
+        }),
+      );
       c.state.mobMenuItems = mobMenuItems.value;
       onClose();
     };