DataTable: Empty column causes maximum recursive calls to be reached

[CodeNamedRobin]

Describe the bug

The following component gives a ERRORDING

<template>
  <DataTable>
    <Column/>
  </DataTable>
</template>

Providing a field fixes the issue.

<template>
  <DataTable>
    <Column field="" />
  </DataTable>
</template>

Reproducer

https://codesandbox.io/p/devbox/old-silence-7j7hlh

PrimeVue version

3.46.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome

Steps to reproduce the behavior

1. Make DataTable with empty column
2. It dies
3. Add field
4. It doesn't die

Expected behavior

Page doesn't die.

[mertsincan]

Thanks a lot for your report! I'll fix it in the next version.

[richardshergold]

It's not just empty columns that cause this error. I have a column that just displays a button in it and I get the error too:

<Column>
            <template #body="{ data }">
                <button class="view-button" @click="useScheduledMessage(data.id)">View</button>
            </template>
</Column>

The error goes away if I add an empty header e.g

<Column header="">
            <template #body="{ data }">
                <button class="view-button" @click="useScheduledMessage(data.id)">View</button>
            </template>
</Column>

[mertsincan]

Fixed in #5069