diff --git a/spreadsheet_oca/static/src/spreadsheet/bundle/chart_panels.esm.js b/spreadsheet_oca/static/src/spreadsheet/bundle/chart_panels.esm.js
index 47f6069..0b520ef 100644
--- a/spreadsheet_oca/static/src/spreadsheet/bundle/chart_panels.esm.js
+++ b/spreadsheet_oca/static/src/spreadsheet/bundle/chart_panels.esm.js
@@ -21,7 +21,8 @@ const menuChartProps = {
   },
   get menuProps() {
     const menu = this.env.model.getters.getChartOdooMenu(this.props.figureId);
-    var result = {
+    const result = {
+      id: `odoo_menu_${this.props.figureId}`,
       fieldString: _t("Menu Items"),
       resModel: "ir.ui.menu",
       update: this.updateMenu.bind(this),
@@ -30,7 +31,6 @@ const menuChartProps = {
     };
     if (menu) {
       result.value = menu.name;
-      result.id = menu.id;
     }
     return result;
   },
diff --git a/spreadsheet_oca/static/src/spreadsheet/bundle/odoo_panels.esm.js b/spreadsheet_oca/static/src/spreadsheet/bundle/odoo_panels.esm.js
index 7bb6076..55677e1 100644
--- a/spreadsheet_oca/static/src/spreadsheet/bundle/odoo_panels.esm.js
+++ b/spreadsheet_oca/static/src/spreadsheet/bundle/odoo_panels.esm.js
@@ -16,7 +16,8 @@ export class OdooPanel extends Component {
   }
   get menuProps() {
     const menu = this.env.model.getters.getChartOdooMenu(this.props.figureId);
-    var result = {
+    const result = {
+      id: `odoo_menu_${this.props.figureId}`,
       fieldString: _t("Menu Items"),
       resModel: "ir.ui.menu",
       update: this.updateMenu.bind(this),
@@ -25,7 +26,6 @@ export class OdooPanel extends Component {
     };
     if (menu) {
       result.value = menu.name;
-      result.id = menu.id;
     }
     return result;
   }
@@ -76,6 +76,12 @@ OdooPanel.template = "spreadsheet_oca.OdooPanel";
 OdooPanel.components = { Many2XAutocomplete };
 
 class OdooStackablePanel extends OdooPanel {
+  static props = {
+    figureId: String,
+    updateChart: Function,
+    "*": true,
+  };
+
   onChangeStacked(ev) {
     this.props.updateChart(this.props.figureId, {
       stacked: ev.target.checked,
diff --git a/spreadsheet_oca/static/src/spreadsheet/bundle/spreadsheet_action.esm.js b/spreadsheet_oca/static/src/spreadsheet/bundle/spreadsheet_action.esm.js
index 8e7a263..a6c7e3d 100644
--- a/spreadsheet_oca/static/src/spreadsheet/bundle/spreadsheet_action.esm.js
+++ b/spreadsheet_oca/static/src/spreadsheet/bundle/spreadsheet_action.esm.js
@@ -17,6 +17,13 @@ const actionRegistry = registry.category("actions");
 const { Component, onMounted, onWillStart, useSubEnv } = owl;
 
 export class ActionSpreadsheetOca extends Component {
+  static props = {
+    action: Object,
+    actionId: { type: Number, optional: true },
+    className: { type: String, optional: true },
+    "*": true,
+  };
+
   setup() {
     this.router = useService("router");
     this.orm = useService("orm");
diff --git a/spreadsheet_oca/static/src/spreadsheet/bundle/spreadsheet_controlpanel.esm.js b/spreadsheet_oca/static/src/spreadsheet/bundle/spreadsheet_controlpanel.esm.js
index 37a92b5..d4f902e 100644
--- a/spreadsheet_oca/static/src/spreadsheet/bundle/spreadsheet_controlpanel.esm.js
+++ b/spreadsheet_oca/static/src/spreadsheet/bundle/spreadsheet_controlpanel.esm.js
@@ -6,6 +6,13 @@ import { ControlPanel } from "@web/search/control_panel/control_panel";
 const { useState } = owl;
 
 export class SpreadsheetName extends Component {
+  static props = {
+    name: String,
+    isReadonly: { type: Boolean, optional: true },
+    onChanged: { type: Function, optional: true },
+    "*": true,
+  };
+
   setup() {
     this.state = useState({
       name: this.props.name,