fix(nc-gui): grouping by lookup column does not display the group name nocodb/nocodb#7226

packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue

@@ -14,7 +14,7 @@ provide(IsGroupByLabelInj, ref(true))
 
 <template>
   <div class="pointer-events-none">
-    <LazySmartsheetRow :row="{ row: { [column.title]: modelValue }, rowMeta: {} }">
+    <LazySmartsheetRow :row="{ row: { [column.title as string]: modelValue }, rowMeta: {} }">
       <LazySmartsheetVirtualCell
         v-if="isVirtualCol(column)"
         :model-value="modelValue"

packages/nc-gui/components/virtual-cell/BelongsTo.vue

@@ -99,7 +99,7 @@ watch([listItemsDlg], () => {
       <template v-if="value && relatedTableDisplayValueProp">
         <VirtualCellComponentsItemChip
           :item="value"
-          :value="value[relatedTableDisplayValueProp]"
+          :value="!Array.isArray(value) && typeof value === 'object' ? value[relatedTableDisplayValueProp] : value"
           :column="belongsToColumn"
           :show-unlink-button="true"
           @unlink="unlinkRef(value)"