From ff00ed8e803d8c9c6e9f29bd7db8db7c0f76c697 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Mon, 26 Feb 2024 10:26:42 +1100
Subject: [PATCH] fix(ui): use id for component key in control adapter
 components

---
 .../features/metadata/components/MetadataControlNets.tsx   | 2 +-
 .../features/metadata/components/MetadataIPAdapters.tsx    | 7 +------
 .../features/metadata/components/MetadataT2IAdapters.tsx   | 2 +-
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/invokeai/frontend/web/src/features/metadata/components/MetadataControlNets.tsx b/invokeai/frontend/web/src/features/metadata/components/MetadataControlNets.tsx
index 2dd57c04b7..1255e8e7cb 100644
--- a/invokeai/frontend/web/src/features/metadata/components/MetadataControlNets.tsx
+++ b/invokeai/frontend/web/src/features/metadata/components/MetadataControlNets.tsx
@@ -30,7 +30,7 @@ export const MetadataControlNets = ({ metadata }: Props) => {
     <>
       {controlNets.map((controlNet) => (
         <MetadataViewControlNet
-          key={controlNet.model.key}
+          key={controlNet.id}
           label={label}
           controlNet={controlNet}
           handlers={handlers.controlNets}
diff --git a/invokeai/frontend/web/src/features/metadata/components/MetadataIPAdapters.tsx b/invokeai/frontend/web/src/features/metadata/components/MetadataIPAdapters.tsx
index 6a40d24837..69f9ec986d 100644
--- a/invokeai/frontend/web/src/features/metadata/components/MetadataIPAdapters.tsx
+++ b/invokeai/frontend/web/src/features/metadata/components/MetadataIPAdapters.tsx
@@ -29,12 +29,7 @@ export const MetadataIPAdapters = ({ metadata }: Props) => {
   return (
     <>
       {ipAdapters.map((ipAdapter) => (
-        <MetadataViewIPAdapter
-          key={ipAdapter.model.key}
-          label={label}
-          ipAdapter={ipAdapter}
-          handlers={handlers.ipAdapters}
-        />
+        <MetadataViewIPAdapter key={ipAdapter.id} label={label} ipAdapter={ipAdapter} handlers={handlers.ipAdapters} />
       ))}
     </>
   );
diff --git a/invokeai/frontend/web/src/features/metadata/components/MetadataT2IAdapters.tsx b/invokeai/frontend/web/src/features/metadata/components/MetadataT2IAdapters.tsx
index a6b741a917..209ab4f2ed 100644
--- a/invokeai/frontend/web/src/features/metadata/components/MetadataT2IAdapters.tsx
+++ b/invokeai/frontend/web/src/features/metadata/components/MetadataT2IAdapters.tsx
@@ -30,7 +30,7 @@ export const MetadataT2IAdapters = ({ metadata }: Props) => {
     <>
       {t2iAdapters.map((t2iAdapter) => (
         <MetadataViewT2IAdapter
-          key={t2iAdapter.model.key}
+          key={t2iAdapter.id}
           label={label}
           t2iAdapter={t2iAdapter}
           handlers={handlers.t2iAdapters}