From 149ad71c7ff268808acbefebb8801c687eadc8be Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Sat, 27 Jan 2024 10:42:32 +0000
Subject: [PATCH] fix(nc-gui): grouping by lookup column does not display the
 group name nocodb/nocodb#7226

---
 packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue | 2 +-
 packages/nc-gui/components/virtual-cell/BelongsTo.vue       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue b/packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue
index 7c6dd3aa96..5caab66769 100644
--- a/packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue
+++ b/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"
diff --git a/packages/nc-gui/components/virtual-cell/BelongsTo.vue b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
index 73e3a96b8f..cb4d7cf3d4 100644
--- a/packages/nc-gui/components/virtual-cell/BelongsTo.vue
+++ b/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)"