From 9665e78726d716eb986e4e41a62f66e72b9050b6 Mon Sep 17 00:00:00 2001
From: Matt Rubens <mrubens@users.noreply.github.com>
Date: Thu, 2 Jan 2025 22:24:43 -0800
Subject: [PATCH] Appease Ellipsis

---
 webview-ui/src/components/mcp/McpEnabledToggle.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/webview-ui/src/components/mcp/McpEnabledToggle.tsx b/webview-ui/src/components/mcp/McpEnabledToggle.tsx
index 75baa9f..41c94c7 100644
--- a/webview-ui/src/components/mcp/McpEnabledToggle.tsx
+++ b/webview-ui/src/components/mcp/McpEnabledToggle.tsx
@@ -1,18 +1,23 @@
 import { VSCodeCheckbox } from "@vscode/webview-ui-toolkit/react"
+import { FormEvent } from "react"
 import { useExtensionState } from "../../context/ExtensionStateContext"
 import { vscode } from "../../utils/vscode"
 
 const McpEnabledToggle = () => {
 	const { mcpEnabled, setMcpEnabled } = useExtensionState()
 
+	const handleChange = (e: Event | FormEvent<HTMLElement>) => {
+		const target = ('target' in e ? e.target : null) as HTMLInputElement | null
+		if (!target) return
+		setMcpEnabled(target.checked)
+		vscode.postMessage({ type: "mcpEnabled", bool: target.checked })
+	}
+
 	return (
 		<div style={{ marginBottom: "20px" }}>
 			<VSCodeCheckbox
 				checked={mcpEnabled}
-				onChange={(e: any) => {
-					setMcpEnabled(e.target.checked)
-					vscode.postMessage({ type: "mcpEnabled", bool: e.target.checked })
-				}}>
+				onChange={handleChange}>
 				<span style={{ fontWeight: "500" }}>Enable MCP Servers</span>
 			</VSCodeCheckbox>
 			<p style={{