DataTable: FilterButton causes react warning in development <Invalid value for prop id on <div> tag>

[sandramfdeveloper]

Describe the bug

In the FilterButton of the DataTable component (regardless of the filterDisplay you use), the following red warning occurs:

Warning: Invalid value for prop id on

tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://reactjs.org/link/attribute-behavior

This can be verified by opening the developer mode in the stackblitz of the example itself (I have taken the advanced mode). When compiling in production, the error does not appear (I have checked this both on the documentation page and in the table of my project).

But it's annoying during development. It only appears the first time you click any of the filter buttons of the filters.

Reproducer

https://stackblitz.com/edit/qstla3?file=src%2FApp.jsx

PrimeReact version

10.6.3

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome 123.0.6312.106

Steps to reproduce the behavior

1. Open the Stackblitz link.
2. Open developer mode.
3. Click one of the table's filter buttons.

Expected behavior

No error appears, it's likely that an incorrect id is being passed.

[melloware]

your stackblitz link goes to no whree...

[github-actions]

Please fork the Stackblitz project and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days.

[melloware]

Nevermind PR submitted!

[sandramfdeveloper]

your stackblitz link goes to no whree...

My bad sorry, now it's working

[melloware]

Yep I could actually reproduce it on the showcase.