DataTable rowClick returns a dom event with no data property

[fairking]

As the documentation says the DataTable rowClick sends an object which contains a property data but looks like it sends the dom event itself.
Bellow my example. I included my other bindings just in case if you need more info.

<DataTable
			ref="dt"
			:value="rows"
			:selection.sync="selectedRows"
			:paginator="true"
			:rows="pageSize"
			:lazy="true"
			:loading="loading"
			:total-records="totalRows"
			:row-hover="true"
			class="p-datatable-responsive"
			data-key="id"
			paginator-position="bottom"
			:export-filename="exportFileName"
			:auto-layout="true"
			@row-select="rowSelect($event)"
			@page="pageData($event)"
			@sort="sortData($event)"
			@row-click="rowClick($event)"
		>
<Column selection-mode="multiple" header-style="width: 32px;"></Column>
<slot></slot>
<template #empty>
 No records
</template>
</DataTable>

TypeScript:

methods: {
    rowSelect(e) { this.$emit("row-select", e.data.id); },
    rowClick(e) { console.log(e); this.$emit("row-click", e.data.id); },
}

[fairking]

Thank you @cagataycivici