diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte
index 7f825c0601..57daf8cd12 100644
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@@ -139,6 +139,7 @@
 
   // Derive definition properties which can all be optional, so need to be
   // coerced to booleans
+  $: invalidSettings = $componentErrors[instance._id]
   $: hasChildren = !!definition?.hasChildren
   $: showEmptyState = definition?.showEmptyState !== false
   $: hasMissingRequiredSettings = missingRequiredSettings?.length > 0
@@ -374,9 +375,6 @@
     }
   }
 
-  // Check for invalid settings
-  $: invalidSettings = $componentErrors[id]
-
   // Extracts a map of all context keys which are required by action settings
   // to provide the functions to evaluate at runtime. This needs done manually
   // as the action definitions themselves do not specify bindings for action