diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
index 296f0bced1..8472098d2d 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
@@ -1,12 +1,10 @@
 <script lang="ts" setup>
 import { Form, Modal, message } from 'ant-design-vue'
 import type { SelectHandler } from 'ant-design-vue/es/vc-select/Select'
-import type { ProjectCreateForm } from '#imports'
+import type { DefaultConnection, ProjectCreateForm, SQLiteConnection } from '#imports'
 import {
   CertTypes,
   ClientType,
-  DefaultConnection,
-  SQLiteConnection,
   SSLUsage,
   clientTypes as _clientTypes,
   computed,
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
index 2c021dd123..8e3201b738 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
@@ -2,12 +2,10 @@
 import type { BaseType } from 'nocodb-sdk'
 import { Form, Modal, message } from 'ant-design-vue'
 import type { SelectHandler } from 'ant-design-vue/es/vc-select/Select'
-import type { ProjectCreateForm } from '#imports'
+import type { DefaultConnection, ProjectCreateForm, SQLiteConnection } from '#imports'
 import {
   CertTypes,
   ClientType,
-  DefaultConnection,
-  SQLiteConnection,
   SSLUsage,
   clientTypes,
   computed,
diff --git a/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue b/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue
index 6889cfae2e..462082a118 100644
--- a/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue
@@ -78,7 +78,7 @@ const formulaRef = ref()
 
 const sugListRef = ref()
 
-const sugOptionsRef = ref<typeof AntListItem[]>([])
+const sugOptionsRef = ref<(typeof AntListItem)[]>([])
 
 const wordToComplete = ref<string | undefined>('')
 
diff --git a/packages/nc-gui/components/smartsheet/sidebar/toolbar/DebugMeta.vue b/packages/nc-gui/components/smartsheet/sidebar/toolbar/DebugMeta.vue
index 41b4e8aaa0..d28ab8d714 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/toolbar/DebugMeta.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/toolbar/DebugMeta.vue
@@ -10,7 +10,7 @@ const { metas } = $(useMetas())
 const { tables } = useTable()
 
 const localTables = computed(
-  () => tables.value.filter((t) => metas[t.id as string]) as (typeof tables.value[number] & { id: string })[],
+  () => tables.value.filter((t) => metas[t.id as string]) as ((typeof tables.value)[number] & { id: string })[],
 )
 </script>
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
index 7a3557aa34..60da030a08 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
@@ -49,7 +49,7 @@ type QuickImportDialogType = 'csv' | 'excel' | 'json'
 // TODO: add 'json' when it's ready
 const quickImportDialogTypes: QuickImportDialogType[] = ['csv', 'excel']
 
-const quickImportDialogs: Record<typeof quickImportDialogTypes[number], Ref<boolean>> = quickImportDialogTypes.reduce(
+const quickImportDialogs: Record<(typeof quickImportDialogTypes)[number], Ref<boolean>> = quickImportDialogTypes.reduce(
   (acc: any, curr) => {
     acc[curr] = ref(false)
     return acc
diff --git a/packages/nc-gui/plugins/jobs.ts b/packages/nc-gui/plugins/jobs.ts
index 116c2399e1..3f65f7e3ab 100644
--- a/packages/nc-gui/plugins/jobs.ts
+++ b/packages/nc-gui/plugins/jobs.ts
@@ -14,7 +14,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
 
       const url = new URL(appInfo.ncSiteUrl, window.location.href.split(/[?#]/)[0])
       let socketPath = url.pathname
-      socketPath += socketPath.endsWith("/") ? "socket.io" : "/socket.io"
+      socketPath += socketPath.endsWith('/') ? 'socket.io' : '/socket.io'
 
       socket = io(`${url.href}jobs`, {
         extraHeaders: { 'xc-auth': token },
diff --git a/packages/nc-gui/plugins/tele.ts b/packages/nc-gui/plugins/tele.ts
index a28a9dd3be..ae8de21ab5 100644
--- a/packages/nc-gui/plugins/tele.ts
+++ b/packages/nc-gui/plugins/tele.ts
@@ -18,7 +18,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
 
       const url = new URL(appInfo.ncSiteUrl, window.location.href.split(/[?#]/)[0])
       let socketPath = url.pathname
-      socketPath += socketPath.endsWith("/") ? "socket.io" : "/socket.io"
+      socketPath += socketPath.endsWith('/') ? 'socket.io' : '/socket.io'
 
       socket = io(url.href, {
         extraHeaders: { 'xc-auth': token },
diff --git a/packages/nc-gui/store/project.ts b/packages/nc-gui/store/project.ts
index 2771d428cb..e67d48eaaf 100644
--- a/packages/nc-gui/store/project.ts
+++ b/packages/nc-gui/store/project.ts
@@ -66,7 +66,7 @@ export const useProject = defineStore('projectStore', () => {
     for (const base of bases.value) {
       if (base.id) {
         temp[base.id] = SqlUiFactory.create({ client: base.type }) as Exclude<
-          ReturnType<typeof SqlUiFactory['create']>,
+          ReturnType<(typeof SqlUiFactory)['create']>,
           typeof OracleUi
         >
       }