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}