fix: table row id should not be optional

aminnausin · aminnausin · commit 7265dbf9723d · 2025-12-27T16:58:44.000-05:00
diff --git a/resources/js/components/cedar-ui/table/TableBase.vue b/resources/js/components/cedar-ui/table/TableBase.vue
@@ -95,16 +95,16 @@ onMounted(() => {
         <section :class="cn(useGrid || 'flex w-full flex-wrap gap-2', tableStyles)">
             <TableLoadingSpinner v-if="loading || pageData?.length === 0" :is-loading="loading" :data-length="pageData?.length" :no-results-message="noResultsMessage" />
             <template v-else>
-                <template v-for="(row, index) in pageData" :key="row?.id ?? index">
+                <template v-for="(row, index) in pageData" :key="row.id">
                     <slot name="row" :row="row" :index="index" :selectedID="props.selectedID">
                         <component
                             :is="props.row"
                             :data="row"
                             :index="index"
                             :currentID="props.selectedID ?? null"
                             v-bind="rowAttributes"
-                            @clickAction="(...args: any[]) => props.clickAction?.(row?.id, ...args)"
-                            @otherAction="(...args: any[]) => props.otherAction?.(row?.id, ...args)"
+                            @clickAction="(...args: any[]) => props.clickAction?.(row.id, ...args)"
+                            @otherAction="(...args: any[]) => props.otherAction?.(row.id, ...args)"
                         ></component>
                     </slot>
                 </template>
diff --git a/resources/js/components/table/TableBase.vue b/resources/js/components/table/TableBase.vue
@@ -99,16 +99,16 @@ onMounted(() => {
         <section :class="cn(useGrid || 'flex w-full flex-wrap gap-2', tableStyles)">
             <TableLoadingSpinner v-if="loading || pageData.length === 0" :is-loading="loading" :data-length="pageData.length" :no-results-message="noResultsMessage" />
             <template v-else>
-                <template v-for="(row, index) in pageData" :key="row?.id ?? index">
+                <template v-for="(row, index) in pageData" :key="row.id">
                     <slot name="row" :row="row" :index="index" :selectedID="props.selectedID">
                         <component
                             :is="props.row"
                             :data="row"
                             :index="index"
                             :currentID="props.selectedID ?? null"
                             v-bind="rowAttributes"
-                            @clickAction="(...args: any[]) => props.clickAction?.(row?.id, ...args)"
-                            @otherAction="(...args: any[]) => props.otherAction?.(row?.id, ...args)"
+                            @clickAction="(...args: any[]) => props.clickAction?.(row.id, ...args)"
+                            @otherAction="(...args: any[]) => props.otherAction?.(row.id, ...args)"
                         ></component>
                     </slot>
                 </template>
