DataTable Dropdown Filter: Value is not getting updated upon selection

[Amit-ga]

Describe the bug

When adding a filter to a column in the form of a dropdown list, the user selects the required value from the dropdown list and the value of the dropdown box is not being updated with the chosen value (in my case, it remains the value of the Placeholder).

Reproducer

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

PrimeReact version

10.6.5

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

chrome, edge

Steps to reproduce the behavior

1. Go to 'status' column.
2. Select any status.
3. watch how the placeholder remains, and the value isn't being updated.

Expected behavior

The selected value should be updated upon selection so the users arn't confused. They think they have not selected any value when they actually did select it, it just wont appear so in the dropdown list.

[Rekl0w]

Your stackblitz link is not working. Can you check it ?

[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.

[Amit-ga]

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

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

Please let me know if this is okay.
Thanks

[Rekl0w]

I think this is releated with this issue #6617 somehow. Both issues has same behavior that it selects it but not displaying.