try #3

src/plugins/dashboard/public/application/embeddable/grid/dashboard_grid.tsx

@@ -164,6 +164,15 @@
     };
   }
 
+  public getDerivedStateFromProps() {
+    console.log("getDerivedStateFromProps")
+    if(this.state.panels!==this.props.container.getInput().panels){
+      console.log("here inside getDerivedStateFromProps if")
+      //this.setState(this.props.container.getInput().panels as any)
+      return {panels: this.props.container.getInput().panels as any}
+    }
+  }
+
   public componentDidMount() {
     this.mounted = true;
     let isLayoutInvalid = false;
@@ -293,6 +302,7 @@
   }
 
   public render() {
+    console.log("render")
     if (this.state.isLayoutInvalid) {
       return null;
     }

src/plugins/embeddable/public/lib/containers/embeddable_child_panel.tsx

@@ -86,6 +86,12 @@
   }
 
   public render() {
+    if(!this.embeddable){
+      return null;
+    }
+    if(this.embeddable.parent && (this.embeddable.parent?.id !== this.props.container.id)){
+      return null;
+    }
     const { PanelComponent } = this.props;
     const classes = classNames('embPanel', {
       'embPanel-isLoading': this.state.loading,