Issue with Material React Table not updating UI on state changes (React 19 + Next.js 16)

[Ichigo1033]

I’m experiencing a bug where Material React Table does not update its UI when React state changes, and I’m not sure whether this is caused by React 19, Next.js 16, or their interaction with Material React Table (MRT v3).

For example, I have a loading state that is initially set to false. When I start an API request, I update the state to true to show the table’s loading indicator. However, the table UI does not update and the loading overlay never appears.

The only way I’ve found to make it work is by forcing a re-render using a changing key prop, which is clearly not ideal.

In addition to the loading issue, other table features are also broken:

The search bar does not open

Fullscreen mode does not activate

Other interactive controls inside the table do not respond

This makes the table appear “frozen,” as if React updates are not being reflected in the MRT component.

Environment:

React: 19.x

Next.js: 16.x

Material React Table: v3 (latest)

App Router (Next.js)

I’d like to know whether this is:

A known incompatibility between React 19 and MRT

A Next.js 16 / App Router issue

Or an incorrect usage pattern on my side

[adopstarliu]

Not sure if it is related, but I have a problem with enabling reactCompiler, this breaks the tables, filter buttons will not do anything and data will not load(get stuck on loading skeloton). But I can confirm the table seems to work just fine with React 19 and next 16 turbopack.