fix type errors

Author: ashwin-ant

.gitignore

@@ -3,3 +3,4 @@ node_modules
 server/build
 client/dist
 client/tsconfig.app.tsbuildinfo
+client/tsconfig.node.tsbuildinfo

client/package.json

@@ -22,7 +22,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tailwind-merge": "^2.5.3",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@eslint/js": "^9.11.1",

client/src/App.tsx

@@ -40,7 +40,7 @@ import NotificationsTab from "./components/NotificationsTab";
 import PromptsTab, { Prompt } from "./components/PromptsTab";
 import ToolsTab from "./components/ToolsTab";
 import History from "./components/History";
-import { AnyZodObject } from "node_modules/zod/lib";
+import { AnyZodObject } from "zod";
 
 const App = () => {
   const [connectionStatus, setConnectionStatus] = useState<

client/src/components/ResourcesTab.tsx

@@ -5,11 +5,6 @@ import { TabsContent } from "@/components/ui/tabs";
 import { Resource } from "mcp-typescript/types.js";
 import ListPane from "./ListPane";
 
-export type Resource = {
-  uri: string;
-  name: string;
-};
-
 const ResourcesTab = ({
   resources,
   listResources,
@@ -38,7 +33,7 @@ const ResourcesTab = ({
       renderItem={(resource) => (
         <div className="flex items-center w-full">
           <FileText className="w-4 h-4 mr-2 flex-shrink-0 text-gray-500" />
-          <span className="flex-1 truncate" title={resource.uri}>
+          <span className="flex-1 truncate" title={resource.uri.toString()}>
             {resource.name}
           </span>
           <ChevronRight className="w-4 h-4 flex-shrink-0 text-gray-400" />

client/src/components/ToolsTab.tsx

@@ -61,7 +61,7 @@ const ToolsTab = ({
               <p className="text-sm text-gray-600">
                 {selectedTool.description}
               </p>
-              {Object.entries(selectedTool.inputSchema.properties).map(
+              {Object.entries(selectedTool.inputSchema.properties ?? []).map(
                 ([key, value]) => (
                   <div key={key}>
                     <Label
@@ -71,14 +71,17 @@ const ToolsTab = ({
                       {key}
                     </Label>
                     <Input
+                      // @ts-expect-error value type is currently unknown
                       type={value.type === "number" ? "number" : "text"}
                       id={key}
                       name={key}
+                      // @ts-expect-error value type is currently unknown
                       placeholder={value.description}
                       onChange={(e) =>
                         setParams({
                           ...params,
                           [key]:
+                            // @ts-expect-error value type is currently unknown
                             value.type === "number"
                               ? Number(e.target.value)
                               : e.target.value,

client/tsconfig.node.tsbuildinfo

@@ -1 +1 @@
-{"root":["./vite.config.ts"],"version":"5.6.2"}
+{"root":["./vite.config.ts"],"version":"5.6.3"}