From 43050ce8b3d8f0d75cfd144d545236f2c28afa26 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sat, 30 Jul 2022 13:58:30 +0200
Subject: [PATCH] fix(gui-v2): typing issue in smartsheet

---
 .../nc-gui-v2/components/tabs/Smartsheet.vue  | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/nc-gui-v2/components/tabs/Smartsheet.vue b/packages/nc-gui-v2/components/tabs/Smartsheet.vue
index decbf18c6a..2b03f114a1 100644
--- a/packages/nc-gui-v2/components/tabs/Smartsheet.vue
+++ b/packages/nc-gui-v2/components/tabs/Smartsheet.vue
@@ -1,16 +1,23 @@
 <script setup lang="ts">
-import type { ColumnType, ViewType } from 'nocodb-sdk'
+import type { ColumnType } from 'nocodb-sdk'
 import { ViewTypes } from 'nocodb-sdk'
+import SmartsheetGrid from '../smartsheet/Grid.vue'
 import { computed, inject, provide, useMetas, watch, watchEffect } from '#imports'
 import { ActiveViewInj, FieldsInj, IsLockedInj, MetaInj, ReloadViewDataHookInj, TabMetaInj } from '~/context'
+import type { TabItem } from '~/composables'
 
 const { getMeta, metas } = useMetas()
 
-const activeView = ref<ViewType>()
-const el = ref<any>()
+const activeView = ref()
+
+const el = ref<typeof SmartsheetGrid>()
+
 const fields = ref<ColumnType[]>([])
 
-const tabMeta = inject(TabMetaInj)
+const tabMeta = inject(
+  TabMetaInj,
+  computed(() => ({} as TabItem)),
+)
 
 const meta = computed(() => metas.value?.[tabMeta?.value?.id as string])
 
@@ -28,12 +35,9 @@ provide(ReloadViewDataHookInj, reloadEventHook)
 provide(FieldsInj, fields)
 provide('navDrawerOpen', ref(true))
 
-watch(
-  () => tabMeta && tabMeta.value.id,
-  async (newVal, oldVal) => {
-    if (newVal !== oldVal) await getMeta(newVal)
-  },
-)
+watch(tabMeta, async (newTabMeta, oldTabMeta) => {
+  if (newTabMeta !== oldTabMeta && newTabMeta.id) await getMeta(newTabMeta.id)
+})
 </script>
 
 <template>