fix: :bug: clear all other selector destrucuring

1 files changed, 13 insertions, 4 deletions

diff --git a/extension/react-app/src/components/Layout.tsx b/extension/react-app/src/components/Layout.tsx
index 30cb5df2..a2e54173 100644
--- a/extension/react-app/src/components/Layout.tsx
+++ b/extension/react-app/src/components/Layout.tsx
@@ -67,8 +67,14 @@ const Layout = () => {
   const navigate = useNavigate();
   const client = useContext(GUIClientContext);
   const dispatch = useDispatch();
-  const { showDialog, dialogEntryOn, dialogMessage } = useSelector(
-    (state: RootStore) => state.uiState
+  const dialogMessage = useSelector(
+    (state: RootStore) => state.uiState.dialogMessage
+  );
+  const showDialog = useSelector(
+    (state: RootStore) => state.uiState.showDialog
+  );
+  const dialogEntryOn = useSelector(
+    (state: RootStore) => state.uiState.dialogEntryOn
   );
 
   // #region Selectors
@@ -76,8 +82,11 @@ const Layout = () => {
     (state: RootStore) => state.config.vscMediaUrl
   );
 
-  const { bottomMessage, displayBottomMessageOnBottom } = useSelector(
-    (state: RootStore) => state.uiState
+  const bottomMessage = useSelector(
+    (state: RootStore) => state.uiState.bottomMessage
+  );
+  const displayBottomMessageOnBottom = useSelector(
+    (state: RootStore) => state.uiState.displayBottomMessageOnBottom
   );
 
   // #endregion