diff --git a/apps/v4/registry/new-york-v4/ui/chart/ChartLegendContent.vue b/apps/v4/registry/new-york-v4/ui/chart/ChartLegendContent.vue
index a3410bf3e..0fc9ba3b0 100644
--- a/apps/v4/registry/new-york-v4/ui/chart/ChartLegendContent.vue
+++ b/apps/v4/registry/new-york-v4/ui/chart/ChartLegendContent.vue
@@ -19,7 +19,7 @@ const { id, config } = useChart()
 const payload = computed(() => Object.entries(config.value).map(([key, value]) => {
   return {
     key: props.nameKey || key,
-    itemConfig: config.value[key],
+    itemConfig: value,
   }
 }))
 
@@ -45,7 +45,7 @@ onMounted(() => {
         '[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3',
       )"
     >
-      <component :is="itemConfig?.icon" v-if="itemConfig?.icon" />
+      <component :is="itemConfig.icon" v-if="itemConfig.icon" />
       <div
         v-else
         class="h-2 w-2 shrink-0 rounded-[2px]"
@@ -54,7 +54,7 @@ onMounted(() => {
         }"
       />
 
-      {{ itemConfig?.label }}
+      {{ itemConfig.label }}
     </div>
   </div>
 </template>