diff --git a/frontend/src/components/Controls/Grid.vue b/frontend/src/components/Controls/Grid.vue
index 0d602d2d..00f762d8 100644
--- a/frontend/src/components/Controls/Grid.vue
+++ b/frontend/src/components/Controls/Grid.vue
@@ -185,12 +185,11 @@
   />
 </template>
 
-<script setup lang="ts">
+<script setup>
 import GridRowFieldsModal from '@/components/Controls/GridRowFieldsModal.vue'
 import GridRowModal from '@/components/Controls/GridRowModal.vue'
 import EditIcon from '@/components/Icons/EditIcon.vue'
 import Link from '@/components/Controls/Link.vue'
-import { GridRow } from '@/types/controls'
 import { getRandom, getFormat } from '@/utils'
 import { getMeta } from '@/stores/meta'
 import {
@@ -203,19 +202,22 @@ import {
 import Draggable from 'vuedraggable'
 import { ref, reactive, computed, PropType } from 'vue'
 
-const props = defineProps<{
-  label?: string
-  doctype: string
-}>()
+const props = defineProps({
+  label: {
+    type: String,
+    default: '',
+  },
+  doctype: {
+    type: String,
+    required: true,
+  },
+})
 
 const { getGridSettings, getFields } = getMeta(props.doctype)
 
-const rows = defineModel({
-  type: Array as PropType<GridRow[]>,
-  default: () => [],
-})
+const rows = defineModel()
 const showRowList = ref(new Array(rows.value.length).fill(false))
-const selectedRows = reactive(new Set<string>())
+const selectedRows = reactive(new Set())
 
 const showGridRowFieldsModal = ref(false)
 
@@ -258,15 +260,15 @@ const allRowsSelected = computed(() => {
 
 const showDeleteBtn = computed(() => selectedRows.size > 0)
 
-const toggleSelectAllRows = (iSelected: boolean) => {
+const toggleSelectAllRows = (iSelected) => {
   if (iSelected) {
-    rows.value.forEach((row: GridRow) => selectedRows.add(row.name))
+    rows.value.forEach((row) => selectedRows.add(row.name))
   } else {
     selectedRows.clear()
   }
 }
 
-const toggleSelectRow = (row: GridRow) => {
+const toggleSelectRow = (row) => {
   if (selectedRows.has(row.name)) {
     selectedRows.delete(row.name)
   } else {
@@ -275,7 +277,7 @@ const toggleSelectRow = (row: GridRow) => {
 }
 
 const addRow = () => {
-  const newRow = {} as GridRow
+  const newRow = {}
   fields.value?.forEach((field) => {
     if (field.type === 'Check') newRow[field.name] = false
     else newRow[field.name] = ''
diff --git a/frontend/src/types/controls.ts b/frontend/src/types/controls.ts
deleted file mode 100644
index 9d27299e..00000000
--- a/frontend/src/types/controls.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-export type FieldTypes =
-  | 'Data'
-  | 'Int'
-  | 'Float'
-  | 'Currency'
-  | 'Check'
-  | 'Text'
-  | 'Small Text'
-  | 'Long Text'
-  | 'Code'
-  | 'Text Editor'
-  | 'Date'
-  | 'Datetime'
-  | 'Time'
-  | 'HTML'
-  | 'Image'
-  | 'Attach'
-  | 'Select'
-  | 'Read Only'
-  | 'Section Break'
-  | 'Column Break'
-  | 'Table'
-  | 'Button'
-  | 'Link'
-  | 'Dynamic Link'
-  | 'Password'
-  | 'Signature'
-  | 'Color'
-  | 'Barcode'
-  | 'Geolocation'
-  | 'Duration'
-  | 'Percent'
-  | 'Rating'
-  | 'Icon'
-
-// Grid / Child Table
-export interface GridColumn {
-  label: string
-  fieldname: string
-  fieldtype: FieldTypes
-  options?: string | string[]
-  width?: number
-  onChange?: (value: string, index: number) => void
-}
-
-export interface GridRow {
-  name: string
-  [fieldname: string]: string | number | boolean
-}