From 8aad8b4aacf91b049ed04a1771976270f4cccb29 Mon Sep 17 00:00:00 2001
From: Justin Spahr-Summers <justin@anthropic.com>
Date: Wed, 13 Nov 2024 21:00:20 +0000
Subject: [PATCH] Fix typing environment variable keys

---
 client/src/components/Sidebar.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 544a4de..ba73c38 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -113,14 +113,15 @@ const Sidebar = ({
               </Button>
               {showEnvVars && (
                 <div className="space-y-2">
-                  {Object.entries(env).map(([key, value]) => (
-                    <div key={key} className="grid grid-cols-[1fr,auto] gap-2">
+                  {Object.entries(env).map(([key, value], idx) => (
+                    <div key={idx} className="grid grid-cols-[1fr,auto] gap-2">
                       <div className="space-y-1">
                         <Input
                           placeholder="Key"
                           value={key}
                           onChange={(e) => {
                             const newEnv = { ...env };
+                            delete newEnv[key];
                             newEnv[e.target.value] = value;
                             setEnv(newEnv);
                           }}