[Popover] Performance issue when lots of Popover are used in a table

[soliyapintu]

Steps to reproduce

Render a table using @tanstack/react-table.
Populate table cells with Ant Design's Popover component.
Perform actions such as pagination, filtering, or scrolling.
Observe the performance degradation compared to rendering plain text or simple content

Current behavior

When Popover is used, the table becomes sluggish, and interactions such as pagination and scrolling are delayed.

Expected behavior

The table should perform smoothly, regardless of the cell content, including components like Popover.

Context

I am experiencing significant performance issues when using Ant Design's Popover component within a table built with @tanstack/react-table. The table's functionality, including pagination, column visibility, virtualization, and filtering, works smoothly when rendering simple content such as Typography or plain text. However, when I replace the cell content with an Ant Design Popover, the table becomes noticeably laggy, particularly during interactions like pagination and scrolling.

Your environment

System:
OS: macOS 11.4
Binaries:
Node: v20.17.0 - ~/.nvm/versions/node/v20.17.0/bin/node
Yarn: 1.22.4 - /usr/local/bin/yarn
npm: 10.8.2 - ~/.nvm/versions/node/v10.8.2/bin/npm
Browsers:
Chrome: 132.0.6834.32
npmPackages:
"antd": "^5.8.2"
"ant-design/icons": "^5.2.1",
"antv/x6": "^1.32.8",
"@tanstack/react-table": "^8.20.5",
"react": "^18.2.0"
"react-dom": "^18.2.0"

Search keywords:
"Ant Design Popover performance issue in React table"
"@tanstack/react-table laggy with Popover component"
"Ant Design Popover causing React table performance lag"
"Performance degradation with Popover
"Ant Design Popover affects table pagination and filtering performance"
"Optimize Popover rendering in React virtualized table"
"React table slow with complex cell content"
"Lag in @tanstack/react-table due to Ant Design components"
"Popover impact on @tanstack/react-table performance"

[mj12albert]

Populate table cells with Ant Design's Popover component.

@soliyapintu Wrong repository? This is the Material UI repo 😃