From 7476bf97286e471892657ade3d6a4b6f50f87eb9 Mon Sep 17 00:00:00 2001
From: Roman <ixrock@gmail.com>
Date: Mon, 17 May 2021 15:48:54 +0300
Subject: [PATCH] fix: HotBar's icon context menu items non-observable (no
 "disconnect cluster", etc.)

Signed-off-by: Roman <ixrock@gmail.com>
---
 src/renderer/components/hotbar/hotbar-entity-icon.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/hotbar/hotbar-entity-icon.tsx b/src/renderer/components/hotbar/hotbar-entity-icon.tsx
index 52a93990ee..3d838d2e73 100644
--- a/src/renderer/components/hotbar/hotbar-entity-icon.tsx
+++ b/src/renderer/components/hotbar/hotbar-entity-icon.tsx
@@ -1,7 +1,7 @@
 import "./hotbar-icon.scss";
 
 import React, { DOMAttributes } from "react";
-import { observable } from "mobx";
+import { makeObservable, observable } from "mobx";
 import { observer } from "mobx-react";
 import randomColor from "randomcolor";
 
@@ -23,7 +23,12 @@ interface Props extends DOMAttributes<HTMLElement> {
 
 @observer
 export class HotbarEntityIcon extends React.Component<Props> {
-  @observable.deep private contextMenu: CatalogEntityContextMenuContext;
+  @observable private contextMenu: CatalogEntityContextMenuContext;
+
+  constructor(props: Props) {
+    super(props);
+    makeObservable(this);
+  }
 
   componentDidMount() {
     this.contextMenu = {