refactor: copilot review feedback

Author: tsck

package.json

@@ -97,7 +97,7 @@
     "@types/express": "^5.0.3",
     "@types/node": "^24.5.2",
     "@types/proper-lockfile": "^4.1.4",
-    "@types/react": "^18.0.0",
+    "@types/react": "^18.3.0",
     "@types/react-dom": "^19.2.3",
     "@types/semver": "^7.7.0",
     "@types/yargs-parser": "^21.0.3",
@@ -152,8 +152,8 @@
     "node-machine-id": "1.1.12",
     "oauth4webapi": "^3.8.0",
     "openapi-fetch": "^0.15.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
     "ts-levenshtein": "^1.0.7",
     "voyage-ai-provider": "^2.0.0",
     "zod": "^3.25.76"

src/ui/build/mount.tsx

@@ -18,7 +18,8 @@ const components: Record<string, React.ComponentType> = {};
 for (const [path, module] of Object.entries(componentModules)) {
     const match = path.match(/\.\.\/components\/([^/]+)\/index\.ts$/);
     if (match) {
-        const componentName = match[1]!;
+        const componentName = match[1];
+        if (!componentName) continue;
         // The component should be exported with the same name as the folder
         const Component = module[componentName];
         if (Component) {

src/ui/registry/registry.ts

@@ -1,19 +1,39 @@
 import { readFileSync, existsSync } from "fs";
 import { join, dirname } from "path";
+import { fileURLToPath } from "url";
 import { uiMap } from "./uiMap.js";
 
+/**
+ * Get the directory of the current module, works in both ESM and CJS.
+ */
+function getCurrentDir(): string {
+    if (typeof __dirname !== "undefined") {
+        return __dirname;
+    }
+    return dirname(fileURLToPath(import.meta.url));
+}
+
+/**
+ * Find the package root by looking for package.json walking up from the current directory.
+ */
+function findPackageRoot(startDir: string): string {
+    let dir = startDir;
+    while (dir !== dirname(dir)) {
+        if (existsSync(join(dir, "package.json"))) {
+            return dir;
+        }
+        dir = dirname(dir);
+    }
+    return process.cwd();
+}
+
 /**
  * Get the default UI dist path by finding the package root.
  */
 function getDefaultUIDistPath(): string {
-    try {
-        // eslint-disable-next-line @typescript-eslint/no-require-imports
-        const packageJsonPath = require.resolve("mongodb-mcp-server/package.json");
-        const packageRoot = dirname(packageJsonPath);
-        return join(packageRoot, "dist", "ui");
-    } catch {
-        return join(process.cwd(), "dist", "ui");
-    }
+    const currentDir = getCurrentDir();
+    const packageRoot = findPackageRoot(currentDir);
+    return join(packageRoot, "dist", "ui");
 }
 
 /**