diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/modelSelected.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/modelSelected.ts
index 35e2ad5f9b..bbb9485bcf 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/modelSelected.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/modelSelected.ts
@@ -39,7 +39,7 @@ export const addModelSelectedListener = () => {
 
         // handle incompatible loras
         forEach(state.lora.loras, (lora, id) => {
-          if (lora.base !== newBaseModel) {
+          if (lora.model.base !== newBaseModel) {
             dispatch(loraRemoved(id));
             modelsCleared += 1;
           }
diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/modelsLoaded.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/modelsLoaded.ts
index 366644fa68..a1bc9856c9 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/modelsLoaded.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/modelsLoaded.ts
@@ -123,7 +123,7 @@ export const addModelsLoadedListener = () => {
       const loras = getState().lora.loras;
 
       forEach(loras, (lora, id) => {
-        const isLoRAAvailable = some(action.payload.entities, (m) => m?.key === lora?.key);
+        const isLoRAAvailable = some(action.payload.entities, (m) => m?.key === lora?.model.key);
 
         if (isLoRAAvailable) {
           return;
diff --git a/invokeai/frontend/web/src/features/lora/components/LoRAList.tsx b/invokeai/frontend/web/src/features/lora/components/LoRAList.tsx
index 7bcd537805..68d259a852 100644
--- a/invokeai/frontend/web/src/features/lora/components/LoRAList.tsx
+++ b/invokeai/frontend/web/src/features/lora/components/LoRAList.tsx
@@ -18,7 +18,7 @@ export const LoRAList = memo(() => {
   return (
     <Flex flexWrap="wrap" gap={2}>
       {lorasArray.map((lora) => (
-        <LoRACard key={lora.key} lora={lora} />
+        <LoRACard key={lora.model.key} lora={lora} />
       ))}
     </Flex>
   );
diff --git a/invokeai/frontend/web/src/features/nodes/util/graph/addLoRAsToGraph.ts b/invokeai/frontend/web/src/features/nodes/util/graph/addLoRAsToGraph.ts
index 3d1545d466..5c47cf5c58 100644
--- a/invokeai/frontend/web/src/features/nodes/util/graph/addLoRAsToGraph.ts
+++ b/invokeai/frontend/web/src/features/nodes/util/graph/addLoRAsToGraph.ts
@@ -40,7 +40,8 @@ export const addLoRAsToGraph = (
   const loraMetadata: CoreMetadataInvocation['loras'] = [];
 
   enabledLoRAs.forEach((lora) => {
-    const { key, weight } = lora;
+    const { weight } = lora;
+    const { key } = lora.model;
     const currentLoraNodeId = `${LORA_LOADER}_${key}`;
 
     const loraLoaderNode: LoraLoaderInvocation = {
diff --git a/invokeai/frontend/web/src/features/nodes/util/graph/addSDXLLoRAstoGraph.ts b/invokeai/frontend/web/src/features/nodes/util/graph/addSDXLLoRAstoGraph.ts
index 27f4c0c015..54d1e2116d 100644
--- a/invokeai/frontend/web/src/features/nodes/util/graph/addSDXLLoRAstoGraph.ts
+++ b/invokeai/frontend/web/src/features/nodes/util/graph/addSDXLLoRAstoGraph.ts
@@ -58,7 +58,8 @@ export const addSDXLLoRAsToGraph = (
   let currentLoraIndex = 0;
 
   enabledLoRAs.forEach((lora) => {
-    const { key, weight } = lora;
+    const { weight } = lora;
+    const { key } = lora.model;
     const currentLoraNodeId = `${LORA_LOADER}_${key}`;
 
     const loraLoaderNode: SDXLLoraLoaderInvocation = {