(compass-sidebar): fixes disconnected item retaining its expanded state when connected again COMPASS-7967 (#5944)

Author: himanshusinghs

package-lock.json

@@ -69,13 +69,13 @@
     "redux-thunk": "^2.4.2"
   },
   "devDependencies": {
-    "mongodb-data-service": "^22.21.0",
+    "@mongodb-js/connection-storage": "^0.14.0",
     "@mongodb-js/eslint-config-compass": "^1.1.1",
     "@mongodb-js/mocha-config-compass": "^1.3.9",
     "@mongodb-js/prettier-config-compass": "^1.0.2",
-    "@mongodb-js/connection-storage": "^0.14.0",
     "@mongodb-js/tsconfig-compass": "^1.0.4",
     "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.5.0",
     "@types/chai": "^4.2.21",
     "@types/chai-dom": "^0.0.10",
@@ -88,6 +88,7 @@
     "electron-mocha": "^12.2.0",
     "eslint": "^7.25.0",
     "mocha": "^10.2.0",
+    "mongodb-data-service": "^22.21.0",
     "nyc": "^15.1.0",
     "prettier": "^2.7.1",
     "react-dom": "^17.0.2",

packages/compass-sidebar/package.json

@@ -202,12 +202,12 @@ const ConnectionsNavigation: React.FC<ConnectionsNavigationProps> = ({
     onCollapseAll,
     onConnectionToggle,
     onDatabaseToggle,
-  } = useFilteredConnections(
+  } = useFilteredConnections({
     connections,
     filterRegex,
     fetchAllCollections,
-    onDatabaseExpand
-  );
+    onDatabaseExpand,
+  });
 
   const connectionListTitleActions =
     useMemo((): ItemAction<ConnectionListTitleActions>[] => {