diff --git a/packages/app/src/layouts/components/toolsBar/index.jsx b/packages/app/src/layouts/components/toolsBar/index.jsx
index f61ed41c..11877f86 100755
--- a/packages/app/src/layouts/components/toolsBar/index.jsx
+++ b/packages/app/src/layouts/components/toolsBar/index.jsx
@@ -49,15 +49,15 @@ export default class ToolsBar extends React.Component {
 			return component
 		},
 		detachRender: (id) => {
-			this.setState({
-				renders: {
-					top: this.state.renders.top.filter(
-						(render) => render.id !== id,
-					),
-					bottom: this.state.renders.bottom.filter(
-						(render) => render.id !== id,
-					),
-				},
+			this.setState((prev) => {
+				prev.renders.top = prev.renders.top.filter(
+					(render) => render.id === id,
+				)
+				prev.renders.bottom = prev.renders.bottom.filter(
+					(render) => render.id === id,
+				)
+
+				return prev
 			})
 
 			return true
@@ -104,6 +104,7 @@ export default class ToolsBar extends React.Component {
 										{
 											...render.props,
 											key: index,
+											id: render.id,
 										},
 									)
 								})}