Issue with Column Virtualization in Material-React-Table with Next.js

[santhosh14062001]

material-react-table version

v3

react & react-dom versions

v18

Describe the bug and the steps to reproduce it

Hi,

I am working on a Next.js project where we are using material-react-table to manage table data. We recently encountered performance challenges due to a large number of columns, so we implemented column virtualization to improve efficiency.

However, despite not using any hooks inside my component, the column virtualization is not functioning as expected. We are encountering the following error:

This is my component

Could you provide guidance on resolving this issue?

Minimal, Reproducible Example - (Optional, but Recommended)

step 1: create next project
step 2: add material-react-table
step 3: give 100 columns and rows
step 4: add multiple header.
step 5: add virtualization settings
step 6: scroll right

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

No, because I do not know how

Terms

• I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[santhosh14062001]

Hi
I found the issue scenario.
If i add multiple header for my table this issue is coming.