when using react-compiler, the global filter stops working

[GersonDias]

material-react-table version

v3.1.0

react & react-dom versions

v19.0.0

react-compiler version

19.0.0-beta-63e3235-20250105

Describe the bug and the steps to reproduce it

using VITE + the react-compiler babel plugin makes the global filter stop working. The typing is buggy and the data is not filtered. In the sample sandbox, if you uncomment the "use no memo" directive, the filtering and the textbox works properly.

Minimal, Reproducible Example - (Optional, but Recommended)

https://codesandbox.io/p/devbox/kind-cookies-ffcyjr?file=%2Fsrc%2FApp.tsx

Screenshots or Videos (Optional)

No response

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

None

Terms

• [X] 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.

[GersonDias]

probably related: https://github.com/TanStack/table/issues/5567

[KevinVandy]

TanStack Table itself is not compatible with the React compiler and might not plan to be for the foreseeable future.

[pa4080]

We've experienced this issue with Next 15.2.4, React 19.0.0 and MRT 3.2.1. For Next.js I found so far at least two possible workarounds:

• Use "use no memo" annotation for the wrapper component: https://nextjs.org/docs/app/api-reference/config/next-config-js/reactCompiler
• Use external state for the relevant MRT feature, sorting, pagination, filtering, column sizing, etc.