diff --git a/desktop/app/src/selectors/connections.tsx b/desktop/app/src/selectors/connections.tsx
index 0cf6b8997..2f4ca25f1 100644
--- a/desktop/app/src/selectors/connections.tsx
+++ b/desktop/app/src/selectors/connections.tsx
@@ -36,9 +36,9 @@ export const getActiveClient = createSelector(
 
 export const getMetroDevice = createSelector(getDevices, (devices) => {
   return (
-    (devices.find(
-      (device) => device.os === 'Metro' && !device.isArchived,
-    ) as MetroDevice) ?? null
+    (devices.find((device) => device.os === 'Metro' && !device.isArchived) as
+      | MetroDevice
+      | undefined) ?? null
   );
 });
 
diff --git a/desktop/app/src/utils/pluginUtils.tsx b/desktop/app/src/utils/pluginUtils.tsx
index 6416948e6..7418839fa 100644
--- a/desktop/app/src/utils/pluginUtils.tsx
+++ b/desktop/app/src/utils/pluginUtils.tsx
@@ -370,6 +370,7 @@ function getFavoritePlugins(
 export function computeActivePluginList({
   enabledPlugins,
   devicePlugins,
+  metroPlugins,
   disabledPlugins,
   downloadablePlugins,
   unavailablePlugins,
@@ -389,6 +390,13 @@ export function computeActivePluginList({
       definition: plugin,
     };
   }
+  for (const plugin of metroPlugins) {
+    pluginList[plugin.id] = {
+      status: 'enabled',
+      details: plugin.details,
+      definition: plugin,
+    };
+  }
   for (const plugin of disabledPlugins) {
     pluginList[plugin.id] = {
       status: 'disabled',