DataTable: bodyCell not re-rendering when state changes

[Su-Vic]

Describe the bug

When using the DataTable component with a state change, the bodyCell does not re-render while the headerCell re-renders correctly. This issue started occurring from version 10.9.5 onwards, while it worked correctly in version 10.9.4.

Reproducer

https://stackblitz.com/edit/9dqyrn-xeh4vxhg?file=src%2FApp.jsx

System Information

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 20.19.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.8.2 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    primereact: 10.9.6 => 10.9.6 
    react: 18.2.0 => 18.2.0

Steps to reproduce the behavior

1. Create a DataTable with frozen columns
2. Add a state variable (e.g., active)
3. Update the state (e.g., by clicking a button)
4. Observe that only headerCell re-renders (logs to console), while bodyCell does not

Expected behavior

The bodyCell should re-render and update its styling (shadow effect) when scrolling horizontally, just like the headerCell does.

• This issue was not present in PrimeReact version 10.9.4
• The issue affects the Pass Through (pt) styling system
• The problem specifically occurs with the shadow effect on frozen columns when scrolling horizontally

[melloware]

@Su-Vic please upgrade to 10.9.6 and just add cellMemo={false} to your table. The Database now aggressively prevents unnecessary re-renders.

See: #8035

[Nickog13]

Hi
I am getting the warning: "React does not recognize the cellMemo prop on a DOM element..." when using cellMemo={false} on the datatable. Can I somehow get rid of this? It still works nicely though.

[melloware]

@Nickog13 its fixed for upcoming 10.9.7