DataTable: Row groups are duplicated when the groupRowsBy value is changed

[FAMSTM]

Describe the bug

When changing the groupRowsBy value (e. g. with a dropdown), some row groups aren't unique: there are several groups with the same header.

When a group is expanded, all the groups with the same header are also expanded and cannot be collapsed

Reproducer

https://stackblitz.com/edit/bbmmvc-uzgnvq

PrimeReact version

latest

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

1. Change the value of the dropdown from "representative" to "country"
2. There are 3 groups "Argentina", 2 groups "Egypt", 2 "Italy", etc.
3. Expand the first "Argentina", the second and third "Argentina" are also expanded and cannot be collapsed

Expected behavior

All the rows of the same groupRowsBy value are in the same group header